@charset "UTF-8";/* 初始化*/
@import "step";
*{
    margin: 0;
    padding: 0;
}
html {-webkit-text-size-adjust:100%;}
body { min-width: 1200px; font-family:'Regular', "微软雅黑","PingFang SC",'Microsoft YaHei',Helvetica,Arial,sans-serif; outline: 0;   color: $color; font-size: $fontsize; background: $bg; }
input {outline:none;}
em,i,u {font-style:normal; text-decoration: none;}
ul,ol {list-style:none;}
a {text-decoration:none;color:$color;outline:0;}
a:hover {text-decoration:none;color:$theme;}
.clear:before, .clear:after { content: ''; display: block; clear: both; }
.fl { float: left; }
.fr { float: right; }
.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; }
.hide {display:none;}
.pt0{padding-top: 0px !important;}
.bjfff{
    background: #fff;
    .warpbjfff{
        padding:0;
        .infornav{
            width: 130px;
        }
        .common{
            width: calc(100% - 160px);
            .ContL{
                width: 800px;
            }
            .ContR{width: 210px;}
        }
    }
}
img[src='/newpage/images/img404.png'] {
    // background: #f2f2f2;
    border: 0;
    width: auto !important;
    height: auto !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 80%;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    min-height: auto !important;
     
}
.mg20{
    margin:20px 0;
}
.grecaptcha-badge { visibility: hidden; }
.center{
    width: 1200px;
    margin: 0 auto;
    .scroll{
        &::-webkit-scrollbar { width:6px; height: 6px; background: #dcdcdc; border-radius: 10px; }
        &::-webkit-scrollbar-button { width: 0; height: 0; }
        &::-webkit-scrollbar-corner { display: block; }
        &::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: $theme; border-radius: 10px; }
    }
}
.comment{
    min-height: calc(100vh - 305px);
    padding: 20px 0;
    .img{
        position: relative;
        background: #f5f5f5;
        img{
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            transition: all 0.2s linear;
        }
    }
}
.icoimg{
  background: url("../images/icoimg.png") no-repeat center;
}
.iconsvg {
    width: 40px;
    height: 40px;
    fill:$theme;
    overflow: hidden;
}
/*头部*/
.header_warp{
    position: relative;
    z-index: 3;
    .header{
        width: 100%;
        height: 80px;
        background-color: #ffffff;
        box-shadow: 0px 2px 21px 0px rgba(18, 18, 18, 0.2);
        position: relative;
       .center{
            height: 100%;
            display: flex;
            align-items: center;
            position: relative;
            .logo{
                display: block;
                img{
                width: auto;
                display: block;
                    height: 29px;
                }
            }
            .nav{
                flex: 1;
                height: 80px;
                line-height: 80px;
                font-size: 18px;
                padding: 0 20px 0 100px;
                font-weight: bold;
                display: flex;
                a{
                    display: block;
                    float: left;
                    position: relative;
                    margin-left: 20px;
                    text-align: center;
                    // flex: 1;
                    min-width: 70px;
                    &:hover , &.on{
                        color: $theme;
                        &::before{
                            width: 100%;
                            height: 5px;
                            background: $theme;
                            content: '';
                            position: absolute;
                            left: 0;
                            bottom: 0;
                            display: block;
                            border-radius: 5px;
                        }
                        u{
                            border-top-color:$theme;
                        }
                    }
                u{
                    display:inline-block;
                    vertical-align: middle;
                    border-left: 6px solid transparent;
                    border-right: 6px solid transparent;
                    border-top: 8px solid #a7a7a7;
                    position: relative;
                    width: 0;
                    height: 0px;
                    margin-left: 5px;
                }

                }
            }
            .frbox{
                display: flex;
                align-items: center;
                a ,.search, .user{
                    cursor: pointer;
                    display: block;
                    float: left;
                    position: relative;
                    margin-left: 30px;
                    &:hover{
                        opacity: 0.9;
                    }
                    i{
                        display: block;
                    }
                    u{
                        position: absolute;
                        width: 35px;
                        height: 20px;
                        line-height: 20px;
                        background-color: $themered;
                        border-radius: 10px;
                        text-align: center;
                        font-size: 12px;
                        color: #fff;
                        display: block;
                        top: -13px;
                        left: 7px;
                    }


                }
                .search{
                    width: 100px;
                    height: 35px;
                    line-height: 35px;
                    background-color: $theme;
                    border-radius: 18px;
                    text-align: center;
                    color: #fff;
                
                    i{
                        display: inline-block;
                        vertical-align: middle;
                        height:16px;width:16px;background-position: -174px 0;
                        margin: -2px 5px 0 0;

                    }
                    
                }
                .remind{
                    width: 35px;
                    height: 35px;
                    background:url("../images/ico_remind.png") no-repeat center;
                    display:block;
                    cursor: pointer;
                    margin-left:20px;
                    position: relative;
                    u{
                        width: 7px;
                        height: 7px;
                        right: 3px;
                        top: 0px;
                        left:initial;
                    }
                }
                .user{
                    height:35px;width:35px;background-position: -109px -74px;
                    margin-left: 25px;
                }
                .icoqz{height:25px;width:26px;background-position: -79px -31px;}
                .icotg{height:24px;width:26px;background-position: -113px -30px;}
                .layui-nav{
                    padding: 0;
                    margin: 0;
                    background: none;
                    .layui-icon-down{
                        color: $color;
                    }
                    .layui-nav-img{
                        width: 35px;
                        height: 35px;
                    }
                    .layui-nav-child{
                        a{
                            width: 100%;
                            padding: 0;
                            text-align: center;
                            display: block;
                        }
                    }
                    a{
                        margin: 0;
                    }
                }

            }
            .searchbox{
                display: none;
                position: absolute;
                overflow: hidden;
                left: -50px;
                top: 80px;
                width: 1040px;
                background: #fff;
                overflow: hidden;
                padding: 40px 130px;
                box-shadow:inset  0px 2px 21px 0px rgba(18, 18, 18, 0.2);
                z-index: 10;
                .search{
                    height: 60px;
                    display: flex;
                    overflow: hidden;
                    font-size: $fontsizebt;
                    margin-bottom: 20px;
                    .input{
                        flex: 1;
                        border: solid 1px #e1e1e1;
                        border-radius: 5px 0 0 5px;
                        padding: 0 20px;
                        input{
                            width: 100%;
                            overflow: hidden;
                            height: 100%;
                            border:none;
                            font-size: $fontsizebt;
                        }
                      
                    }
                    .but{
                        width: 120px;
                        background: $theme;
                        color: #fff;
                        line-height: 60px;
                        text-align: center;
                        cursor: pointer;
                        border:none;
                        display: block;
                        outline: none;
                        border-radius: 0 5px 5px 0;
                        &:hover{
                            opacity: 0.9;
                        }
                        i{
                            display: inline-block;
                            vertical-align: middle;
                            height:20px;width:20px;background-position: -203px 0;
                            margin: -2px 7px 0 0;

                        }
                    }
                }
                .lis_a{
                    padding-bottom: 30px;
                    a{
                        line-height: 35px;
                        background-color: #f7f7f7;
                        border-radius: 5px;
                        padding: 0 10px;
                        display: block;
                        margin: 10px 10px 0 0;
                        color: $colormore;
                        float: left;
                        &:hover{
                            color: #fff;
                            background: $theme;
                        }
                    }
                }
                .lis_b{
                    width: 105%;
                   .item{
                        float: left;
                        margin: 0 19px 20px 0;
                        width: 245px;
                        display: block;
                        color: $colormore;
                        font-size: $fontsizebt;
                        &:hover{
                            color: $theme;

                        }
                        img{
                            width: 100%;
                            height: 150px;
                            border-radius: 5px;
                            overflow: hidden;
                            display: block;
                            object-fit: cover;
                        }
                        p{
                            padding-top: 7px;
                            @include multi-line-ellipsis(3,24px)
                        }
                   }
                }

            }
            .shownav{
                display: none;
                position: absolute;
                overflow: hidden;
                left: -50px;
                top: 80px;
                width: 100%;
                background: #fff;
                overflow: hidden;
                padding: 40px 50px 30px ;
                z-index: 10000;
                box-shadow:inset  0px 2px 21px 0px rgba(18, 18, 18, 0.2);
                ul{
                    width: 100%;
                    overflow: hidden;
                    li{
                        width: 105%;
                        .item{
                            display: block;
                            float: left;
                            width: 135px;
                            height: 130px;
                            background: #f9fafb;
                            border-radius: 10px;
                            overflow: hidden;
                            margin: 0 19px 20px 0;
                            text-align: center;
                            padding: 20px 10px 0;
                            .ico{
                                height:50px;
                                margin: 0 auto;
                                display: block;
                                position: relative;
                                margin-bottom: 5px;
                                img{
                                    max-width: 90%;
                                    display: block;
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    right: 0;
                                    bottom: 0;
                                    margin: auto;

                                }
                            }
                            .name{
                                
                                height: 30px;
                                line-height: 30px;
                                overflow: hidden;
                                width: 100%;
                                font-size: 16px;
                            }
                            p{
                                height: 30px;
                                line-height: 30px;
                                color: $colormore;
                                font-size: 12px;
                            }

                        }
                    }
                }
            }
          

       }
    }


}
/*底部*/
.fotter_wrap{
    position: relative;
    z-index: 1;
    .fotter{
        background-color: #2a2a32;
        color: #818181;
         padding: 45px 0;
         text-align: center;
          a{ color:#818181; margin: 0 12px;}
        &>a{ margin:0 12px;}
        .jubao{display: block;margin: 0;padding-bottom: 15px;}
        .jubao img{width:165px;}
        a:hover{ color:#cdcdcd; }
        p{padding-top: 20px;}
    }
}
/*面包屑*/
.curmb{
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #626675;
    overflow: hidden;
    padding-bottom: 20px;
    white-space: nowrap;
    i{
        height:15px;width:17px;background-position: -236px 0;
        display: inline-block;
        vertical-align: middle;
        margin: -5px 4px 0 0;
    }
    a{
        color: #626675;
        &:hover{
            color: $theme;
        }
    }
}
.common{
    width:100%;
    .ContL{
        float: left;
        margin-right: 30px;
    }
    .ContR{
        float: right;
    }
}

.title{
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    .bt{
        float: left;
        font-size: 18px;
        font-weight: bold;
        color: #222;
       u{
        display: inline-block;
        vertical-align: middle;
        width: 5px;
        height: 18px;
        background-color: $theme;
        border-radius: 2px;
        margin: -2px 5px 0 0;
       }
      
    }
    .bt3{
        float: left;
        font-size: 18px;
        font-weight: bold;
        color: #222;
        position: relative;
        line-height: 20px;
        height: 100%;
       &::before{
        content: '';
        display: block;
        left: 0;
        bottom: -5px;
        width: 100%;
        height: 4px;
        background-color: $theme;
        border-radius: 2px;
        position: absolute;
       }
      
    }
    .bt2{
        font-size: 22px;
        float: left;
        font-weight: bold;
        color: #222;
        span{
            color: #888888;
            font-size: 16px;
        }
    }
    .more{
        float: right;
        color: #a1a1a1;
        font-size: 14px;
        &:hover{
            color: $theme;
            text-decoration: underline;
        }
    }
    .report{
        text-decoration: none !important;
        cursor: pointer;
        float: right;
        color: #666666;
        i{
            height:16px;width:16px;background-position: -149px 0;
            display: inline-block;
            vertical-align: middle;
            margin: -3px 5px 0 0;
        }
       
    }
    &.titlebt3{
        padding-bottom: 20px;
    }

}
.warpbjfff{
    border-radius: 5px;
    background: #fff;
    padding: 30px 30px 20px 30px;
    .infornav{
        float: left;
        width: 100px;
        margin-right: 30px;
        ul{
            li{
                a{
                    display: block;
                    width: 100%;
                    height: 40px;
                    background-color: #f5f4f4;
                    border-radius: 5px;
                    text-align: center;
                    margin-bottom: 10px;
                    line-height: 40px;
                    font-size: 15px;
                    &:hover{
                        background: $themeopacity;
                        color: $theme;
                        text-decoration: underline;
                    }
                }
            }
            .on a{
                background: $theme;
                color: #fff;
                &:hover{
                    background: $theme;
                    color: #fff;
                    text-decoration: none;
                }
            }
        }

    }
    .news_center {
        padding: 0;
        p{
            margin: 20px 0;
        }
    }
    .common{
        width: calc(100% - 130px);
        float: right;
        .ContL{
            width: 700px;
        }
        .ContR{
            width: 280px;
        }

    }
    &.newswarp{
        .infornav{
            width: 80px;
        }
        .common{
            width: calc(100% - 110px);
            .ContL{
                width: 720px;
            }
        }
       
    }
    &.usercenterwarp{
        padding: 0;
        .infornav{
            padding-top: 10px;
            width: 180px;
            ul{
                width: 160px;
                margin: 0 auto;
            }
        }
        .common{
            
            width: calc(100% - 210px);
            .ContL{
                padding-top: 10px;
                width: 680px;
            }
            .ContR{
                width: 280px;
                padding-top: 10px;
               
            }
        }
    }
    &.aboutwrap{
       padding: 0;
        .infornav{
            width: 140px;
            margin-right: 50px;
        }
        .common{
            width: calc(100% - 190px);
        }
    }
}
/*暂无内容*/
.content_nodata{
  padding: 100px 20px;
  text-align: center;
  img{
    width: 126px;
    height: 93px;
    display: inline-block;
    vertical-align: middle;
  }
  .text{
    display: inline-block;
    vertical-align: middle;
    max-width: 200px;
    text-align: left;
    padding-left: 10px;
    .bt{
        height: 30px;
        line-height: 30px;
        font-size: 16px;

    }
    p{
        line-height: 22px;
        padding-top: 5px;
        overflow: hidden;
        max-height: 44px;

        a{
            color: $theme;
            cursor: pointer;
            padding: 0 2px;
            &[href]:hover{
                text-decoration: underline;
            }
        }
    }
  }
}
/*btn弹出层*/
.showbox_btn{
    width: 300px;
    padding-left: 7px;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right: -307px;
    color: #222222;
    text-align: left;
    display: none;
    z-index: 10;
    &::before{
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -7px;
        border-right: 7px solid #fff;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
    }
    a{
        color: #222222;
    }
    .box{
        box-shadow: 0px 4px 13px 0px rgba(18, 18, 18, 0.3);
        background-color: #ffffff;
        height: 100%;
        border-radius: 10px;
        .bt{
            height: 56px;
            border-bottom: 1px solid #f1f1f1;
            line-height: 56px;
            font-size: 16px;
            padding: 0 20px;
            margin-bottom: 15px;
            overflow: hidden;
        }
        .lis{
            padding: 0 20px;
            width: 100%;
            display: flex;
            overflow: hidden;
            height: 40px;
            line-height: 40px;
            align-items: center;
            i{
                display: block;
                margin-right: 10px;
                width:28px;
            }
            a{
                cursor: default;
             &[href]:hover{
                color: $theme;
                text-decoration: underline;
                cursor: pointer;
             }   
            }
            span{
                font-size: 14px;
            }
            .icoxl{height:24px;background-position: -226px -82px;}
            .icodown{height:20px; background-position: -153px -83px;}
             .icobd{height:20px; background-position: -191px -83px;}
        }
        .Pgame{
            width: auto;
            padding-right:5px;
            img{height: auto; width: 25%; margin-right: 7px;}  
             span{font-size: 13px; font-weight: bold; color: #ffa800;}
              u{font-size: 12px; display: inline-block;vertical-align: middle; margin: -3px 2px 0 ; color: #fff; height: 20px; line-height: 18px; border-radius: 5px 0 5px 0; padding: 0 3px; background: #d40606;}
             s{font-size: 12px; display: inline-block;vertical-align: middle; margin: -3px 2px 0 ; color: #fff; height: 20px; line-height: 18px; border-radius: 0 5px 0 5px; padding: 0 3px; background: #7abf05;}
        
        }
        .imgsao{
            display: flex;
            padding: 5px 20px;
            align-items: center;
            img{
                width: 110px;
                height: 110px;
                display: block;
            }
            .text{
                flex: 1;
                padding-left: 15px;
                overflow: hidden;
                font-size: 14px;
                max-height: 110px;
                .bt_sao{
                   height: 35px;
                   line-height: 35px;
                   width: 100%;
                   overflow: hidden;

                }
                p{
                    font-size: 12px;
                    color: #787878;
                    @include multi-line-ellipsis(2,20px)
                }
            }
        }
        .down_tab{
            padding: 0 ;
            margin-top: -5px;
            padding-bottom: 15px;
             .tab{
                display: inline-block;
                vertical-align: middle;
                margin: 3px 0 3px 20px;
                height: 30px;
                line-height: 30px;
                .ico{
                    display: inline-block;
                    vertical-align: middle;
                    background: url("../images/ico_tab.png") no-repeat center;
                    margin: -2px 5px 0 0;
                    width: 22px; height: 22px;
                }
                span{
                    color: #ff5353;
                    font-size: 12px;
                    u{
                        text-decoration: line-through;
                    }
                }
                &:hover{
                    color: $theme;
                    .ico{background-position-y: -40px;}
                }
             }
             .anzhuo .ico{background-position: 0 0;}
             .iphone .ico{background-position:-27px 0;}
             .mac .ico{background-position: -57px 0;}
             .ps .ico{background-position: -87px 0; width: 25px;}
             .xbox .ico{background-position: -117px 0;}
             .pc .ico{background-position: -147px 0;}

        }
        .tex{
            padding: 15px 20px 20px;
            font-size: 14px;
            @include  multi-line-ellipsis(2, 22px);
            a{
                color: #ffa800;
            }
            span{
                color: $theme;
            }
        }

    }

}
/*下载提示*/
.down_Tips{
    border: solid 1px #d4d4d4;
    height: 40px;
	border-radius: 5px;
    width: 100%;
    color: #9c9c9c;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    margin: 15px 0;
    color: #f57575;
    a{
        color: #9c9c9c;
        &:hover{
            color: #f57575;
        }
    }

}
.switchnav{
    border-bottom: 1px solid #ebebeb;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    li{
        display: inline-block;
        vertical-align: middle;
        padding: 0 5px;
        margin: 0 15px;
        position: relative;
        cursor: pointer;
        span{
          color: #9c9c9c;
          padding: 0 5px;
          font-weight: normal;
          font-size: 16px;
        }
        &::after{
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 3px;
            content: '';
            display: none;
            left: 0;
            bottom: 0;
            background: $theme;
           
        }
        &:hover{
            &::after{
                display: block;
            }
        }
    }
    .on{
        &::after{
            display: block;
        }
    }
    &.mg20 + .evaluatewarp{
        padding-top: 0;
    }
}
.switchnav2{
    border-bottom: 1px solid #ebebeb;
    font-size: 16px;
    & + .Cont1{
        padding-top: 20px;
    }
    ul{
        overflow: hidden;
    }
    li{
        float: left;
        padding: 0 11px;
        color: #454545;
        line-height: 30px;
        position: relative;
        a{
            color: #454545;
            display: block;
            position: relative;
            padding-bottom: 5px;
            &::after{
                display: none;
                position: absolute;
                content: '';
                left: 10%;
                bottom: 0px;
                height: 3px;
                background: $theme;
                width: 80%;
            }
            &:hover{
                color: #222;
                &::after{display: block;}
            }
        }
    }
    .on{
        font-weight: bold;
        color: #222;
        a{
            color: #222;
            &::after{display: block;}
        }
    }
    &.them{
       border:none;
    }
}
.switchnav3{
    overflow: hidden;
    li{
        float: left;
        a{
            padding: 0 11px;
            color: #454545;
            display: block;
            position: relative;
            height: 25px;
            line-height: 25px;
            border-radius: 5px;
            margin:0 20px 10px 0;
            background: #f2f2f2;
            &:hover{
                color: $theme;
                background: $themeopacity;
               
            }
        }
    }
    .on{
        font-weight: bold;
        a{
            color: #fff !important;
           background: $theme !important;
        }
    }
}

.switchphb{
    margin: 30px 0;
    display: block;
    text-align: center;
    .btn{
        height: 50px;
        border-radius: 5px;
        border: solid 1px #007bff;
        text-align: center;
        padding: 0 20px;
        text-align: center;
        min-width: 70px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 15px;
        color: $theme;
        line-height: 50px;
        font-size: 18px;
        cursor: pointer;
        i{
            display: inline-block;
            vertical-align: middle;
            height:20px;width:20px;
            background-position: -119px -191px;
            margin: -2px 5px 0 0;
        }
        &:hover,&.on{
            background: $theme;
            color: #fff;
            i{
                background-position: -119px -161px;
            }
        }

    }

}

/*详情轮播*/
.inforlunbox{
    margin: 20px 0 10px;  overflow: hidden; position: relative;
    &:hover{
        .prev,.next{
            display: block;
        }
    }
    .bd { width:500px; margin: 0 auto; height: 100%; position: relative; z-index: 1; }
    .bd ul li { float: left;  position: relative; }
    .bd ul li .img { width: 100%; height: 100%; display: block; overflow: hidden; }
    .sp_l,  .sp_r { z-index: 10; position: absolute; top: 0; height: 100%; height: 100%; width: 100px; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff); zoom: 1; background: rgba(255, 255, 255, 0.5); }
    .sp_l { left: 0; }
    .sp_r { right: 0; }
    &.lunbox_w{height: 300px;}
    &.lunbox_w .tempWrap{margin-left:-500px;}
    &.lunbox_w li{width: 500px; height: 300px;}

    &.lunbox_h{height:437px;}
    &.lunbox_h .bd{width: 233px;}
    &.lunbox_h .tempWrap{margin-left:-233px;}
    &.lunbox_h li{width: 233px; height: 437px;}
    &.lunbox_h .sp_l ,  &.lunbox_h .sp_r{width: 233px;}
    .prev,.next{
        display: none;
        position: absolute;
        width: 45px;
        height: 90px;
        display: block;
        background-position: 0 -153px;
        top: 50%;
        margin-top: -45px;
        cursor: pointer;
        &:hover{
            opacity: 0.9;
        }
    }
    .prev{
        transform: rotateY(180deg);
    }
    .next{
        right: 0px;
    }
}
/*资源详情*/
.score{
    font-size: 12px;
    color: #666666;
    span{
        color: #ee3e31;
        font-style: italic;
        font-size: 36px;
        font-weight: bold;
        font-family: SimHei;
        &:first-child{
             font-size: 48px;
             letter-spacing: -5px;
        }
        &:last-child{
            padding-right: 5px;
       }
    }
}
.Scrolltab{
    .tabbox{
        padding-bottom: 20px;
        &.news_center{
            padding-top: 0;
        }
    }
}
.zyitem1_warp{
    .zyitem1{
        margin-bottom: 30px;
        .infor2{
            align-items:flex-start;
            padding: 5px 0 0;
            height: auto;
            .text{
                padding-top: 6px;
                margin-bottom: 10px;
            }
        }
    }
    & + .pages .pagewrap{
       padding-top: 0;
    }
}
.zyitem1{
    position: relative;
    height: 230px;
    .img{
        height: 100%;
        width: 100%;
        overflow: hidden;
        border-radius: 5px;
        background-color: #f8f8f8;
        .tip_{
            padding-top: 50px;
           text-align: center;
           color: #959595;
           font-size: 14px;
           line-height: 25px;
           span{
            font-size: 18px;
            display: block;
           }
        }

    }
    .infor{
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 70px;
        background: rgba(0, 0, 0, 0.7);
        display: flex;
        align-items: center;
        color: #fff;
        .img{
            width: 46px;
            height: 46px;
            border-radius: 10px;
            margin:0 0 0 20px;
        }
        .text{
            flex: 1;
            padding-right: 255px;
            overflow: hidden;
            padding-left: 20px;
            .name{
                color: #fff;
                font-size: 16px;
                font-weight: bold;
                height: 30px;
                line-height: 30px;
                overflow: hidden;
                display: block;
                width: 100%;

            }
            .p{
                height: 20px;
                line-height: 20px;
                font-size: 14px;
                span{
                     cursor: pointer;
                     padding: 0 10px;
                    i{
                        display: inline-block;
                        vertical-align: middle;
                        height:14px;width:14px;
                        margin: -3px 5px 0 0;
                        background-position: -215px -30px;
                    }
                    .icozan{transform: rotateX(180deg); margin-top: -5px; }
                }
                .on{
                    .icozan{transform: rotateX(0deg);}
                    i{
                        background-position: -237px -31px;
                    }
                    .ico_inverted{ transform: rotateX(180deg);}
                }

            }
        }
        
    }
    .infor2{
        height: 85px;
        .text{
            padding: 0 20px;
            .p{
                height: 30px;
                line-height: 30px;
                display: flex;
                span{
                    padding-right: 0;
                    margin-left: 10px;
                }
                .flex1{
                    flex: 1;
                    overflow: hidden;
                    .name{
                        width: auto;
                        float: left;
                        max-width: 80%;
                        white-space: nowrap;
                        text-overflow: ellipsis;


                    }

                }
            }
        }
        .tex{
            margin-bottom: 5px;
            text-align: justify;
            @include multi-line-ellipsis(2,22px)
        }
        
    }
    .btn{
        display: block;
        min-width: 90px;
        padding: 0 10px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        background-color: $theme;
        border-radius: 5px;
        position: absolute;
        right: 20px;
        top: 95px;
        cursor: pointer;
       & > a{
            color: #fff;   
        }
        &:hover{
            .showbox_btn{
                display: block;
            }
        }
    }
    .down{
        top: 175px;
        .showbox_btn{width: 350px; right:-357px;}
    }
    .anzhuo{
        background: #ff0000;
        top: 175px;
        right: 145px;
    }
}
.zyitem2{
    padding: 15px 0 0;
    .item_1{
        display: flex;
        padding-bottom: 10px;
        .list{
            flex: 1;
            overflow: hidden;
            .tab{
                display: block;
                float: left;
                padding: 0 8px;
                height: 28px;
                line-height: 28px;
                border: solid 1px $theme;
                color: $theme;
                border-radius: 5px;
                font-size: 14px;
                margin: 5px 10px 5px 0;
                &:hover{
                    opacity: 0.8;
                }
                i{
                    display: inline-block;
                    vertical-align: middle;
                    margin: -4px 5px 0 0;
    
                }
            }
            .tab1{background: #ffded1; border-color: #ffded1; color: #ff5116;}
            .tab2{  border-color: #009303; color: #009303;}
            .tab3{  border-color: #fd491f; color: #fd491f;i{height:14px;width:14px;background-position: -73px 0;}}
            .tab3{  border-color: #fd491f; color: #fd491f;}
            .tab4{background: #bfbf00;  border-color: #bfbf00; color: #fff; padding: 0 5px;}
            .tab5{  border-color: #ffb400; color: #ffb400;i{height:16px;width:18px;background-position: -233px -57px;}}
            .tab6{i{height:18px;width:15px;background-position: -212px -54px;}}
            .tab7{  border-color: #15c5ce; color: #15c5ce;}
        }
        .score{
            padding-right: 20px;
        }
    }
    .item_2{
        color: #666666;  
       .p_{
        line-height: 35px;
        padding: 5px 0;
        .li_{
            padding-right: 20px;
        }
        .btn{
            display: inline-block;
            vertical-align: middle;
            height: 35px;
            background: #edeeee;
            border-radius: 5px;
            padding: 0 10px;
            color: #222;
            cursor: pointer;
            margin: 0px 10px 2px 0 ;
            position: relative;
            &:hover{
                .showbox_btn{
                    display: block;
                }
            }
            & > a{
                color: #222;
                &:hover{
                    color: $theme;
                }
            }
            u{
                font-size: 14px;
                color: #ff5353;
                i{
                    text-decoration: line-through;
                }
            }
           
        }
        .on{
            background: $themeopacity;
            color: $theme;
        }
       } 
    }
   
}
.zyitem3{
    padding-bottom: 20px;
    .list{
        padding: 10px 0 0;
        li{
            display: flex;
            color: #888888;
            height: 44px;
            line-height: 44px;
            border-bottom:1px solid $border;
            p{
                flex: 1;
                text-align: right;
                color: $color;
                overflow: hidden;
                span{
                    cursor: pointer;
                }
                i{
                    height:16px;width:9px;background-position: -126px -126px;
                    display: inline-block;
                    vertical-align: middle;
                    margin: -3px 5px 0;
                }

            }
        }
    }
}
.zyitem4{
    .list{
        li{
            display: flex;
            height: 80px;
            width: 285px;
            padding: 15px 0;
            float: left;
            &:nth-child(2n){
                float: right;
            }
            .img{
                display: block;
                overflow: hidden;
                width: 80px;
                height: 80px;
                border-radius: 10px;
            }
            .infor{
                flex: 1;
                overflow: hidden;
                padding-left: 10px;
                position: relative;
                .score{
                    position: absolute;
                    right: 0;
                    top: -7px;
                }
                .name{
                    display: block;
                    width: 60%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    height: 30px;
                    line-height: 30px;
                    padding-bottom: 20px;
                }
                .tab_btn{
                    height: 30px;
                    overflow: hidden;
                    .btn{
                        display: block;
                        height: 30px;
                        line-height: 30px;
                        margin: 0 10px 0 0;
                        float: left;
                        background-color: #f3f5f7;
                        border-radius: 5px;
                        padding: 0 7px;
                        color: #666666;
                        font-size: 14px;
                        &:hover , &.on{
                            background: $themeopacity;
                            color: $theme;
                            
                        }

                    }
                 
                }
            }
        }
    }
}
.news_top{
    padding-bottom: 10px;
    .h1_bt{
        .lab{
            display: inline-block;
            vertical-align: middle;
            border:1px solid $theme;
            height: 26px;
            padding: 0 5px;
            color: $theme;
            line-height: 26px;
            border-radius: 5px;
        }
        h1{
            display: inline;
            vertical-align: middle;
            font-size: 26px;
            font-weight: bold;
            color: #222;
        }
    }
    .lab_{
        padding: 20px 0 10px;
        line-height: 30px;
        color: #888888;
        border-bottom: 1px solid #f2f2f2;
       span{
        padding-right:30px;
       }
    }
}
/*正文*/
.news_center{
    color: #444;
    line-height: 30px;
    font-size: 16px;
    padding: 20px 0;
    word-break: break-all;
     table,  video,  iframe,  embed { max-width: 100%; margin: 5px auto; }
     table { line-height: 30px; }
     img { max-width: 100%; }
     p > img { margin: 10px auto; cursor: pointer;  display: block;}
     h3 { padding-top: 5px; font-size: 20px; line-height: 50px; font-weight: bold;}
     p a {  color: #444;text-underline-offset: 5px; text-decoration: underline; text-decoration-style: dotted; &:hover{color: $theme;}}
    .newslist{
        ul{
            li{
                background-color: #f8f8f8;
                border-radius: 5px;
                border-bottom: none;
                margin: 10px 0;
                padding: 20px;
            }
        }
    }
    .Cont1{
        .lis{
            margin: 10px 0;
            background-color: #f8f8f8;
        }
    }
    .Cont1 .shadow , .newslist ul .shadow{
        box-shadow: 0px 1px 12px 1px 
            rgba(18, 18, 18, 0.14);
            background: #fff;
    }
    .template_tex{
        opacity: 0.5;
        margin: 20px 0;
        border-left: 3px solid rgba(0,0,0,0.4);
        padding-left:10px;
    }
}
/*正文导航*/
.news_centernav{
    color: #888888;
    font-size: 14px;
    display: flex;
    line-height: 30px;
    .p_lis{
        flex: 1;
        overflow: hidden;
        p{
            cursor: pointer;
            &:hover{
                color: $theme;
            }
        }

    }
}
/*攻略列表*/
.newslist{
    ul{
        li{
            padding: 10px 0;
            border-bottom: 1px solid #eee;
            font-size: 14px;
            color: #444;
            &:last-child{
                border:none;
            }
           .name{
            overflow: hidden;
            font-weight: bold;
            display: block;
            font-size: 16px;
            @include multi-line-ellipsis(2,24px);
           } 
           .p{
            height: 20px;
            line-height: 20px;
            overflow: hidden;
            .time{
                float: left;
                padding-right: 20px;
            }
            a{
                float: left;
                color: #888; 
                &[href]:hover{
                    color: $theme;
                }
            }
            .zan{
                color: #ababab;
                cursor: pointer;
                i{
                    display: inline-block;
                    vertical-align: middle;
                    height: 14px;
                    width: 14px;
                    margin: -3px 5px 0 0;
                    background-position: -49px 0;
                }
            }
            .pl{
                color: #ababab;
                cursor: pointer;
                i{
                    display: inline-block;
                    vertical-align: middle;
                    height: 13px;
                    width: 14px;
                    margin: -3px 5px 0 0;
                    background-position: -124px 0;
                }
            }
           }
           .img{
                display: block;
                width: 220px;
                height: 100px;
                border-radius: 5px;
                 overflow: hidden;
                 &:hover{
                    img{
                        transform: scale(1.1);
                    }
                 }
            }
           .img_lis{
             display: flex;
             padding: 10px 0;
             justify-content: space-between;
            
           }

        }
        .them1{
            display: flex;
            padding: 20px 0;
            .img{
                width: 180px;
            }
            .infor{
                flex:1;
                overflow: hidden;
                padding: 0 0 0 20px;
               
                .name{
                    line-height: 20px;
                    margin-bottom: 7px;
                }
                .tex{
                    @include multi-line-ellipsis(2,26px);
                    margin-bottom: 5px;
                }
                
            }
        }
    }
   
    .them{
        .them1 {
            .infor{
                padding: 0 20px 0 0;
                .name{
                    height: 30px;
                    line-height: 30px;
                }
                .tex{
                    line-height: 29px;
                }
                
            }
            .img{
                width: 210px;
                height: 130px;
            }
        }
    }
}
.zq_common{
    .newslist{
        ul li{
            .img{
                width: 260px;
                height: 120px;
            }
            .p{
                height: 30px;
                line-height: 30px;
            }
        }
    }
}
.ContL > .newslist{
    .title{
        padding-bottom: 20px;
    }
    li{
        &:first-child{
            padding-top: 0;
        }
    }
}
/*资源列表*/ 
.Cont1{
    .lis{
        border-radius: 5px; 
        padding:10px 20px 20px 20px;
        display: flex;
        &:hover{
            background-color: #f8f8f8;
        }
        .imgfl{
            width: 100px;
            padding-top: 10px;
            .img{
                height: 100px;
                display: block;
                border-radius: 15px;
                overflow: hidden;
            }
            .saletime{
                text-align: center;
                height: 30px;
                line-height: 30px;
                color: #555555;
                font-size: 16px;
                font-weight: bold;
                padding-top: 10px;
            }
            .btnbox{
                width: 80px;
                height: 40px;
                display: block;
                margin: 0 auto;
                margin-top: 30px;
                position: relative;
                .btn{
                    width: 100%;
                    height: 100%;
                    border-radius: 5px;
                    display: block;
                    text-align: center;
                    line-height: 40px;
                    background-color: #f1f1f1;

                }
                &:hover{
                    .btn{
                        background-color: $theme;
                        color: #fff;
                    }
                    .showbox_btn{
                        display: block;
                    }
                }
               

            }
        }
        .infor{
            flex:1;
            padding-left: 20px;
            position: relative;
            overflow: hidden;
            padding-top: 10px;
            .score{
                position: absolute;
                top: 10px;
                right: 0;
                line-height: 30px;
            }
            .name{
                line-height: 30px;
                display: block;
                width: 90%;
                a{
                   font-weight: bold;
                    font-size: 18px;
                    display: inline-block !important; 
                    vertical-align: middle;
                    max-width: 80%;
                    padding: 2px 0;
                    @include multi-line-ellipsis(2,26px);
                }
            }
            .num{
                display: inline-block;
                vertical-align: middle;
                height:34px;width:26px;
                line-height: 39px;
                font-weight: bold;
                font-size: 20px;
                font-style: italic;
                background-position: -196px -122px;
                 margin: -2px 5px 0;
                padding-left: 7px;
                color: #fefefe;
            }
            .num1{background-position: -154px -167px;color: #ee3e31;}
            .num2{background-position: -155px -122px;color: #464646;}
            .num3{background-position: -198px -167px;color: #ff5602;}
            .lab_p{
                padding: 5px 0;
                width: 80%;
                overflow: hidden;
                .lab{
                    line-height: 30px;
                    background-color: #ededee;
                    border-radius: 5px;
                    display: inline-block;
                    vertical-align: middle;
                    padding: 0 10px;
                    font-size: 14px;
                    margin:5px 5px 0 0;
                    color: #666666;
                    &:hover{
                        color:$theme;
                        background: $themeopacity;
                    }
                }
               
            }
            .p{
                height: 30px;
                line-height: 30px;
                overflow: hidden;
                span{
                    color: #666666;
                    padding-right: 40px;
                }
            }
            .p_mfr{
                height: 30px;
                line-height: 30px;
                overflow: hidden;
                color: #ff9000;
                font-weight: bold;
                font-size: 16px;
            }
            .text{
                color: #444;
                @include multi-line-ellipsis(2,26px);
                margin-bottom: 5px;
            }
            .tabbox{
                border:none;
                padding: none;
            }
            
        }
    }
    .tabbox{
        overflow: hidden;
        .tab{
            display: block;
            float: left;
            padding: 0 8px;
            height: 28px;
            line-height: 28px;
            border: solid 1px $theme;
            color: $theme;
            border-radius: 5px;
            font-size: 14px;
            margin: 5px 10px 5px 0;
            &:hover{
                opacity: 0.8;
            }
            i{
                display: inline-block;
                vertical-align: middle;
                margin: -4px 5px 0 0;

            }
        }
        .tab1{background: #ffded1; border-color: #ffded1; color: #ff5116;}
        .tab2{  border-color: #009303; color: #009303;}
        .tab3{  border-color: #fd491f; color: #fd491f;i{height:14px;width:14px;background-position: -73px 0;}}
        .tab3{  border-color: #fd491f; color: #fd491f;}
        .tab4{background: #bfbf00;  border-color: #bfbf00; color: #fff; padding: 0 5px;}
        .tab5{  border-color: #ffb400; color: #ffb400;i{height:16px;width:18px;background-position: -233px -57px;}}
        .tab6{i{height:18px;width:15px;background-position: -212px -54px;}}
        .tab7{  border-color: #15c5ce; color: #15c5ce;}
    }
    .pf{
        width: 36px;
        height: 36px;
        background: #f2f2f2;
        margin-top: 10px;
        border-radius: 50%;
        text-align: center;
        line-height:36px;
        color: #e7891a;
        font-weight: bold;
        position:absolute;
        font-size: 16px;
        top: 0;
        right: 0;

    }
    .tablink{
        border-top: solid 1px #dbdbdb;
        height: 36px;
        line-height: 36px;
        .tab{
            display: block;
            float: left;
            padding-left: 15px;
            font-size: 12px;
            color: #555;
            &:hover{
                color: $theme;
            }
            i{
                display: inline-block;
                vertical-align: middle;
                margin: -1px 5px 0 0;
                background: url("../images/icozqtab.png") no-repeat center;
            }
            .ico2{height:29px;width:18px;background-position: -35px 0;}
            .ico4{height:28px;width:23px;background-position: -104px 0;}
            .ico1{height:29px;width:26px;background-position: 0 0;}
            .ico3{height:23px;width:20px;background-position: -70px 0;}
        }
    }
    .lisbox{
        border: solid 1px #dbdbdb;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 20px;
        .lis{
            padding-bottom: 10px;
        }
        .tabbox{
            padding: 0 10px;
            padding-bottom: 10px;
          
        }
        .lis:hover{
            background: none;
        }
    }
}
/*全部版本*/ 
.warplist_box{
   padding-top: 20px;
   .Cont1{
    padding-top: 20px;
        .lis{
            border-bottom:1px solid #ebebeb;
        }
      .title{
        padding-bottom: 5px;
      }
     
   }
}
.Cont2{
    .imgbt{
        width: 100%;
        height: 120px;
        display: block;
        margin: 20px 0;
        position: relative;
        background: #f5f5f5;
        border-radius: 5px;
        overflow: hidden;
        img{
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
        }
    }
    .list{
        .lis{
            float: left;
            border-radius: 5px;
	        border: solid 1px #cfcfcf;
            height: 40px;
            line-height: 40px;
            padding: 0 10px;
            margin: 0 20px 20px 0;
            &:hover{
                color: $theme;
                border-color: $theme;
                text-decoration: underline;
            }
        }
        .on{
            border-color: $theme;
            background: $theme;
            color: #fff !important;
            text-decoration: none !important;

        }
    }
    table{
        line-height: 30px;
        margin: 10px 0 20px;
        font-size: 16px;
        td{
            padding: 5px 0;
        }
    }
}
/*资源列表 -精选合集*/
.Cont3{
    .list{
      overflow: hidden;  
      padding:0 0 20px 0;
      display: flex;
      border-bottom: 1px solid #ebebeb;
      .bt_box{
        float: left;
        width: 250px;
        padding-top: 20px;
        max-height: 220px;
        overflow: hidden;
        .img{
            height: 130px;
            width: 100%;
            border-radius: 5px;
            overflow: hidden;
            display: block;
            text-align: center;
            line-height: 130px;
            color: #555555;
            font-size: 16px;
        }
        .name{
            line-height: 24px;
            overflow: hidden;
            padding-top: 5px;
            display: flex;
            align-items: center;
            a{
                margin: 8px 0;
                display: inline-block;
                vertical-align: middle;
                max-width: 75%;
                font-size: 16px;
                font-weight: bold;
                overflow: hidden;
                max-height: 48px;
                // margin-top: -4px;
                @include multi-line-ellipsis(2,24px);
            }
            span{
                color: #8c8c8d;
            }
        }
        .text{
            color: #777777;
            @include multi-line-ellipsis(2,22px)

        }
      }
      ul{
        flex: 1;
        overflow: hidden;
        li{
            float: left;
            width: 205px;
            display: flex;
            height: 60px;
            padding: 20px 0 0 20px;
            .img{
                display: block;
                width: 60px;
                height: 60px;
                border-radius: 10px;
                overflow: hidden;
            }
            .infor{
                flex: 1;
                padding-left: 10px;
                overflow: hidden;
                .name{
                    height: 20px;
                    line-height: 20px;
                    overflow: hidden;
                    display: flex;
                    align-items: center;
                    a{
                        flex: 1;
                        overflow: hidden;
                        font-size: 16px;
                        height: 20px;
                        display: block;
                       &:hover{
                         text-decoration: underline;
                       }
                    }
                    span{
                        width: 35px;
                        height: 17px;
                        background-color: #ee3e31;
                        border-radius: 9px;
                        line-height: 17px;
                        text-align: center;
                        display: block;
                        color: #fff;
                        font-family: SimHei;
                        font-style: italic;
                    }
                }
                .p{
                    font-size: 12px;
                    color: #777777;
                    height: 36px;
                    padding-top: 4px;
                    @include multi-line-ellipsis(2,18px)
                }
            }
        }
      }
    }
}
/*资源列表 -频道地图*/
.Cont4{
    overflow: hidden;
    .list{
        border-bottom: 1px solid  #ebebeb;;
        padding-top: 20px;
        .title{
            padding-bottom: 15px;
        }
        .lis{
            width: 720px;
            a{
                height: 38px;
                line-height: 38px;
                padding: 0 20px;
                border-radius: 5px;
                border: solid 1px #e7e7e7;
                color: #797979;
                font-size: 16px;
                float: left;
                display: block;
                margin: 0 20px 20px 0;
                &:hover,&.on{
                    background: $theme;
                    color: #fff;

                }
            }
        }
    }
}
/*资源列表 -精彩专区*/
.Cont5{
    .list{
        display: flex;
        overflow: hidden;
        padding-bottom: 20px ;
        border-bottom:1px solid #ebebeb;
        .imgbt{
            width: 250px;
            height: 266px;
            position: relative;
            margin-top: 20px;
            border-radius: 5px;
            overflow: hidden;
            .img{
                width: 100%;
                height: 100%;
                display: block;
            }
            .text{
                height: 65px;
                width: 100%;
                display: flex;
                position: absolute;
                left: 0;
                bottom: 0;
                align-items: center;
                background: rgba(0, 0, 0, 0.7);
                overflow: hidden;
                color: #fff;
                .img{
                    width: 40px;
                    height: 40px;
                    border-radius: 10px;
                    margin-left: 13px;
                }
                .name{
                    flex: 1;
                    color: #fff;
                    font-size: 16px;
                    font-weight: bold;
                    padding: 0 0 0 10px;
                    overflow: hidden;
                    height: 40px;
                    line-height: 40px;
                    &:hover{
                        text-decoration: underline;
                        color: $theme;
                    }


                }
                .pf{
                    font-family: SimHei;
                    font-size: 31px;
                    font-weight: bold;
	                font-style: italic;
                    color: #ee3e31;
                    padding-right: 20px;
                    letter-spacing: -4px;
                }
            }

        }
        .infor{
            flex: 1;
            overflow: hidden;
            .li_p{
                padding-top: 4px;
            }
            .lis1{
                .tab{
                    background: #fff;
                    color: $theme;
                    border-color: $theme !important;
                    &:hover,&.on{
                        background: $theme;
                        color: #fff;
                    }
                }
            }
            .tab{
                background: #f6f6f6;
                border-radius: 5px;
                border:1px solid #f6f6f6;
                margin: 16px 0 0 20px;
                float: left;
                padding: 0 20px;
                height: 38px;
                line-height: 40px;
                &:hover{
                    color: $theme;
                    background: $themeopacity;
                    border-color: $themeopacity;
                }
            }

        }
    }
}
/*用户中心 -关于*/
.Cont6{
    .list{
        padding: 0 20px;
        li{
            padding: 20px 0;
            border-bottom: 1px solid #f5f5f5;
            display: flex;
            overflow: hidden;
            align-items: center;
            .img{
                width: 80px;
                height: 80px;
                border-radius: 15px;
                overflow: hidden;
                display: block;
            }
            .infor{
                flex: 1;
                overflow: hidden;
                padding:0 20px;
                .name{
                    display: block;
                    width: 100%;
                    height: 30px;
                    line-height: 30px;
                    font-weight: bold;
                    font-size: 16px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }
                .tab_p{
                    overflow: hidden;
                    padding-top: 5px;
                    height: 40px;
                    .tab{
                        height: 24px;
                        line-height: 24px;
                        padding: 0 10px;
                        background: #f5f5f5;
                        border-radius: 5px;
                        color: #555555;
                        display: block;
                        float: left;
                        margin: 10px 10px 0 0;
                        &:hover{
                            background: $themeopacity;
                            color: $theme;
                        }
                    }
                }
            }
            .pf{
                width: 32px;
                height: 32px;
                background-color: #f5f5f5;
                display: block;
                text-align: center;
                color: $theme;
                border-radius: 50%;
                line-height: 32px;
                font-weight: bold;
            }
        }
    }
}
/*攻略列表*/
.Cont7{
    .list{
        ul{
            li{
                padding:15px 0;
                height: 200px;
                display: flex;
                overflow: hidden;
                .img{
                    width: 150px;
                    height: 200px;
                    border-radius: 5px;
                    display: block;
                }
                .infor{
                    flex: 1;
                    overflow: hidden;
                    padding-left: 20px;
                    .name{
                        height: 30px;
                        line-height: 30px;
                        display: block;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        font-size: 16px;
                        font-weight: bold;
                    }
                    p{
                        height: 35px;
                        line-height: 35px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                    .lis{
                        padding-bottom: 10px;
                        &:last-child{
                            padding-bottom: 0px;
                        }
                        .bt{
                            height: 30px;
                            line-height: 30px;
                            font-size: 12px;
                            overflow: hidden;
                        }
                        .p_btn{
                             overflow: hidden;
                             height: 32px;
                            a{
                                border: solid 1px #ececec;
                                height: 30px;
                                border-radius: 5px;
                                width: 21%;
                                display: block;
                                float: left;
                                margin-right: 2%;
                                text-align: center;
                                line-height: 30px;
                                overflow: hidden;
                                padding: 0 1%;
                                white-space: nowrap;
                                text-overflow:ellipsis;
                                &:last-child{
                                    margin-right: 0;
                                }
                                &.on{
                                   background: $theme;
                                   color: #fff;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
.Cont8{
    .switchnav2{
        padding-top: 10px;
        font-size: 14px;
    }
}
/*右侧的内容*/
.Ritem1{
    padding-bottom: 20px;
    .item{
        display: flex;
        overflow: hidden;
        height: 55px;
        align-items: center;
        padding: 10px 0;
        .img{
            width: 55px;
            height: 55px;
            border-radius:10px;
            overflow: hidden;
            display: block;
        }
        .infor{
            flex: 1;
            padding-left: 10px;
            overflow: hidden;
            .name{
                display: block;
                height: 20px;
                line-height: 20px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                padding-bottom: 5px;
            }
            .p{
                height: 20px;
                font-size: 14px;
                color: #8d8d8d;
                line-height: 20px;
                overflow: hidden;
            }
        }
    }
    .lunbox{
        margin: 0 20px;
        height: 40px;
        display: block;
        position: relative;
        &:hover{
            .prev,.next{
                display: block;
            }
        }
        .bd{
            width: 180px;
            height: 40px;
            overflow: hidden;
            margin: 0 auto;
            li{
                display: block;
                float: left;
                margin-right: 6px;
                .img{
                    width: 40px;
                    height: 40px;
                    border-radius: 10px;
                    overflow: hidden;
                    display: block;
                    &:hover{
                        opacity: 0.9;
                    }
                }
            }
        }
        .prev,.next{
            display: block;
            height:25px;width:25px;
            background-position: -62px -180px;
            position: absolute;
            top: 50%;
            margin-top: -12px;
            cursor: pointer;
            display: none;
            &:hover{
                background-position: -61px -215px;
            }
             
        }
        .prev{
            left: 0;
            transform: rotateY(180deg);
        }
        .next{
            right: 0;
        }


    }
}
.ContR .Ritem2 .list{  width: 300px;}
.Ritem2{
   .list{
    padding: 10px 0;
    .lis{
        display: block;
        float: left;
        padding: 0 9px;
        height: 40px;
        line-height: 40px;
        margin: 10px 20px 10px 0;
        background: #f6f6f6;
        border-radius: 5px;
        &:hover ,&.on{
            color:#fff;
            background: $theme;
        }
    }

   } 
}
.Ritem3{
    .list{
        padding: 10px 0;
        .lis{
            height: 150px;
            border-radius: 5px;
            overflow: hidden;
            display: block;
            margin-bottom: 10px;
            position: relative;
            color: #fff;
            &:hover{
                .motai{
                   p{
                    text-decoration: underline;
                   }
                   span{
                    text-decoration:none;
                   }
                }
            }
            .motai{
                position: absolute;
                top: 0px;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.7);
                display: flex;
                justify-content: center;
                align-items: center;
                overflow: hidden;
                transition: all 0.2s linear ;
                flex-wrap: wrap;
                u{
                    font-size: 22px;
                    font-weight: bold;
                }
                p{
                    padding: 0 10px;
                    max-height: 90px;
                    text-align: center;
                   
                }
                span{
                    display: block;
                    font-size: 14px;
                    height: 30px;
                    line-height: 30px;
                    text-decoration: none;
                    padding-top: 5px;
                    i{
                        display: inline-block;
                        vertical-align: middle;
                        margin: -2px 5px 0 0;
                        height:15px;width:17px;background-position: -119px -224px
                    }

                }

            }

        }
    }
}
.Ritem4{
    .list{
        padding: 5px 0 10px;
        li{
            padding-bottom: 5px;
            .name{
                font-weight: bold;
                height: 30px;
                line-height: 30px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                display:block;
                padding-bottom: 5px;
                &:hover{
                    text-decoration: underline;
                }

            }
            .img_lis{
                width: 288px;
                .img{
                    width: 40px;
                    height: 40px;
                    border-radius: 10px;
                    display: block;
                    overflow: hidden;
                    float: left;
                    margin: 0 8px 8px 0 ;

                }
            }
        }
    }
}
.Ritem5{
    padding-bottom: 10px;
    .list{
        li{
            display: flex;
            height: 80px;
            padding: 15px 0;
            .img{
                display: block;
                overflow: hidden;
                width: 80px;
                height: 80px;
                border-radius: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
                .tip{
                    width: 52%;
                    color: rgba(0, 0, 0, 0.61);

                }
            }
            .infor{
                flex: 1;
                overflow: hidden;
                padding-left: 10px;
                position: relative;
                .score{
                    position: absolute;
                    right: 0;
                    top: -7px;
                }
                .name{
                    display: block;
                    width: 60%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    height: 30px;
                    line-height: 30px;
                    padding-bottom: 20px;
                    font-size: 16px;
                }
                .tab_btn{
                    height: 30px;
                    overflow: hidden;
                    .btn{
                        display: block;
                        height: 30px;
                        line-height: 30px;
                        margin: 0 10px 0 0;
                        float: left;
                        background-color: #f3f5f7;
                        border-radius: 5px;
                        padding: 0 7px;
                        color: #666666;
                        font-size: 14px;
                        &:hover , &.on{
                            background: $themeopacity;
                            color: $theme;
                            
                        }

                    }
                 
                }
            }
        }
    }
    .small{
        li{
            padding: 10px 0;
            height: 55px;
            .img{
                width: 55px;
                height: 55px;

            }
            .infor{
                .name{
                    height: 20px;
                    line-height: 20px;
                    padding-bottom: 10px;
                    font-size: 14px;
                }
                .tab_btn{
                    height: 20px;
                    .btn{
                        height: 20px;
                        line-height: 20px;
                    }
                }
            }
        }
    }
}
.Ritem6{
    .list{
        padding: 0px 0px 10px 0;
        .lis{
            display: block;
            @include multi-line-ellipsis(2,24px);
            margin: 7px 0;
            &::before{
                content: '';
                display: inline-block;
                vertical-align: middle;
                background: #979797;
                width: 3px;
                height: 3px;
                margin: -2px 5px 0 0;
            }
        }
        ul li{
            float: left;
            width: 48%;
            padding-right: 2%;
            &:nth-child(2n){
                padding-right: 0;
                padding-left: 2%;
            }
           
        }
        &.them{
            .lis{
               height: 31px; 
               line-height: 31px;
               overflow: hidden;
               white-space: nowrap;
               text-overflow: ellipsis;
               display: block;
            }
            ul{
                .lis{
                    margin: 5px 0;
                    height: 24px  ;
                    line-height: 24px ;
                }
            }
        }
    }
    .btimg{
        width: 100%;
        height: 150px;
        border-radius: 5px;
        display: block;
        position: relative;
        overflow: hidden;
        margin-top: 10px;
        color: #fff;
        cursor: pointer;
        &:hover{
            img{
                transform: scale(1.1);
            }
        }
        .text{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            display: flex;
            width: 85%;
            padding: 0 3%;
            height: 75px;
            overflow: hidden;
            background: rgba(49,49,49,0.57);
            align-items: center;
            justify-content: center;
            p{
                 word-break: break-all;
                 height: 30px;
                 line-height: 30px;
                 overflow: hidden;
                 text-align: center;
                text-overflow: ellipsis;
                font-size: 22px;
                max-width: 100%;
                
            }
            
        }
        
    }
    .box-p{
        font-size: 14px; 
        line-height: 32px;
        color: #000000;
	    opacity: 0.8;
        padding: 5px 0 10px;
        a{
            color: $theme;
            cursor: pointer;
        }
    }
}
.Ritem7{
    .list{
        padding-top: 15px;
        a{
            float: left;
            width: 120px;
            line-height: 38px;
            height: 38px;
            border: solid 1px #cfcfcf;
            border-radius: 5px;
            display: block;
            margin: 0px 0px 20px 0;
            padding: 0 4px;
            overflow: hidden;
            text-align: center;
            &:nth-child(2n){
                float: right;

            }
            &:hover{
                border-color: $theme;
                color: $theme;
            }
        }
        .more{
            width: 100%;
            box-sizing: border-box;
        }
        .on{
            background: $theme;
            color: #fff !important;
            border-color: $theme;
        }
    }
}
.Ritem8{
    .list{
        padding-top: 10px;
        .img{
            border-radius: 5px;
            height: 105px;
            width: 100%;
            display: block;
            position: relative;
            overflow: hidden;
            color: #fff;
            margin-bottom: 20px;
            &:hover{
                img{
                    transform: scale(1.1);
                }
            }
            p{
                position: absolute;
                width: 100%;
                height: 25px;
                line-height: 25px;
                text-align: center;
                left: 0;
                bottom: 0;
                background: rgba(0, 0, 0, 0.7);
               
            }
        }
    }
}
.Ritem9{
    .lunbox{
         margin: 10px 0 20px;
         height: 100px;
         display: block;
         position: relative;
         border-radius: 5px;
         overflow: hidden;
         &:hover{
            .next,.prev{
                display: block;
            }
         }
        .next,.prev{
            cursor: pointer;
            position: absolute;
            width: 25px;
            height: 25px;
            top: 50%;
            margin-top: -12px;
            background-position: -61px -215px;
            display: none;

        }
        .prev{
            transform: rotate(180deg);
            left: 5px;
        }
        .next{
            right: 5px;
        }
        .bd{
            width: 100%;
            height: 100px;
            overflow: hidden;
            li{
                width: 100%;
                height:100px;
                display: block;
                .img{
                    width: 100%;
                    height: 100%;
                    position: relative;
                    overflow: hidden;
                   
                    display: block;
                    .motai{
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        line-height: 30px;
                        color: #fff;
                        text-decoration: underline;
                        background: rgba(0, 0, 0, 0.5);
                    }
                }
            }
        }
    }
  
}
.Ritem10{
    ul{
        padding: 10px 0;
        li{
            float: left;
            padding: 10px 0;
            margin-right: 7px;
            &:nth-child(5n){
                margin-right: 0px;
            }
            .img{
                width: 50px;
                height: 50px;
                border-radius: 50%;
                overflow: hidden;
                display: block;
                text-align:center;
                line-height: 50px;
                background: rgba(0, 0, 0, 0.5);
                color: #fff;
                font-size: 16px;
            }
        }
    }


}
/* 专区 */
.zq_common{
    width:100%;
    padding-top: 20px;
    .zqcont1-1{
        width: 285px;
    } 
    .ContL{
       width: 890px;
    }
    .ContR{
        width: 280px;
    }
    .Contflexd{
       
        width: 285px;
        margin-right: 30px;
    }
    .common{
        float: right;
        width: calc(100% - 315px);
        .ContL{
            width: 580px;
            margin-right: 25px;
            .zqcont2 .list2 ul {
                li{
                    margin-right: 32px;
                }
            }
         }
    }
    .warplist_box{
        padding-top: 0;
    }
}
.zq_banner{
    border-radius: 5px;
    overflow: hidden;
    height: 220px;
    position: relative;
    img{
        display: block;
        width: 100%;
        object-fit: cover;
    }
    
}
 
.gl_banner{
    border-radius: 10px;
    overflow: hidden;
    height: 280px;
    position: relative;
    .img{
        display: block;
         width: 100%;
         height: 100%;
    }
    .zqcont1-1{
        position: absolute;
        left: 30px;
        top: 50%;
        transform: translate(0,-50%);
        .item1{
            background: #fff;
            .gamename{
                height: 90px;
                .img{
                    width: 90px;
                    height: 90px;

                }
                .infor{
                    height: 90px;
                    .name{
                        font-weight: bold;
                    }
                    p{
                        height: 30px;
                        line-height: 30px;
                    }
                }
            }
            .scroll{
                max-height: 84px;
            }
            .list .tab{
                height: 30px;
                line-height: 30px;
                margin: 5px 0px 5px 10px;
            }
        }
    }
}
.zq_nav{
  margin: 20px 0 0;  
  height: 50px;
  background-color: #f5f5f5;
    border-radius: 5px;
    ul{
        display: flex;
        align-items: center;
        height: 50px;
        padding: 0 20px;
        text-align: center;
        li{
            flex: 1;
            max-width: 130px;
            font-size: 18px;
            color: #222;
            position: relative;
            a{
                 display: inline-block;
                 vertical-align: middle;
                 padding: 0 10px;
                 height: 30px;
                 line-height: 30px;
            }
            &:hover{
                .lis{
                    height: auto;
                    padding: 10px 0;
                }
            }
            .lis{
                position: absolute;
                left: 0;
                width: 100%;
                top: 30px;
                background: #f5f5f5;
                z-index: 10;
                border-radius: 10px;
                transition: all 0.2s linear;
                overflow: hidden;
                height: 0px;
                a{
                    display: block;
                    height: 40px;
                    line-height: 40px;
                    width: 100%;
                    overflow: hidden;
                    padding: 0;
                    
                }

            }
            &.on a, & a:hover{
                font-weight: bold;
                color: $theme;
            }
        }
    }
}

.zqcont1{
    padding-bottom: 20px;

    .zqcont1-2{
        float: right;
        width: 575px;
        padding: 32px 0 0 0;
        border: solid 1px #d9d9d9;
        border-radius: 10px;
        .h1_a{
            font-size: 18px;
            display: block;
            height: 30px;
            line-height: 30px;
            padding: 0 20px;
            text-align: center;
            font-weight: bold;
            overflow: hidden;
            margin-bottom: 10px;
            a{
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                display: inline-block;
                vertical-align: middle;
                max-width: 100%;
            }
            
        }
        .h2_a{
            text-align: center;
            font-size: 12px;
            height: 30px;
            line-height: 30px;
            padding: 0 20px;
            a{
                display: inline-block;
                vertical-align: middle;
                max-width: 40%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                margin: 0 1%;
            }
        }
        ul{
            padding:22px 20px;
            li{
                display: flex;
                height: 30px;
                line-height: 30px;
                overflow: hidden;
                padding: 5px 0;
                .time{
                    font-size: 12px;
                }
                a{
                    color: #444;
                    &:hover{
                        color: $theme;
                    }
                }
               
                .text{
                    flex: 1;
                    overflow: hidden;
                    padding: 0 10px;

                }
            }
        }
        

    }
}
.zqcont1-1{
    float: left;
    width: 285px;
    .bor{
        border: solid 1px #d9d9d9;
        border-radius: 10px;
    }
    & > div{
        &:last-child{
            margin-bottom: 0;
        }
    }
    .item1{
        padding: 15px 0 13px 0;
        margin-bottom: 14px;
        .gamename{
            display: flex;
            height: 80px;
            padding:0 10px 15px 10px;
            position: relative;
            border-bottom: 1px solid #d9d9d9;
            margin-bottom: 10px;
            .img{
                width: 80px;
                height: 80px;
                border-radius: 10px;
                display: block;
                overflow: hidden;
            }
            .infor{
                flex: 1;
                padding-left: 10px;
                position: relative;
                height: 80px;
                overflow: hidden;
                .name{
                    width: 80%;
                    display: block;
                    height: 30px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    font-size: 16px;
                    overflow: hidden;

                }
                p{
                    line-height: 25px;
                    height: 25px;
                    font-size: 12px;
                    color: #555;
                    overflow: hidden;
                    width: 100%;
                }
            }
            .bf{
                position: absolute;
                top: -10px;
                right: 10px;
                background-image: linear-gradient(0deg, 
                #ecedea 0%, 
                #f8f7f6 50%, 
                #dcdbd8 100%);
                border-radius: 16px;
                width: 32px;
                height: 32px;
                text-align: center;
                line-height: 32px;
                color: #e7891a;
                font-weight: bold;
            }

        }
        .scroll{
            overflow-y: auto;
            max-height:72px;
            margin-right: 3px;
        }
        .list{
            overflow: hidden;
            .tab{
                display: block;
                float: left;
                padding: 0 5px;
                font-size: 13px;
                height: 26px;
                line-height: 26px;
                border: solid 1px $theme;
                color: $theme;
                border-radius: 5px;
                font-size: 14px;
                margin: 4px 0px 4px 10px;
                &:hover{
                    opacity: 0.8;
                }
                i{
                    display: inline-block;
                    vertical-align: middle;
                    margin: -3px 3px 0 0;
    
                }
            }
            .tab1{background: #ffded1; border-color: #ffded1; color: #ff5116;}
            .tab2{  border-color: #009303; color: #009303;}
            .tab3{  border-color: #fd491f; color: #fd491f;i{height:14px;width:14px;background-position: -73px 0;}}
            .tab3{  border-color: #fd491f; color: #fd491f;}
            .tab4{background: #bfbf00;  border-color: #bfbf00; color: #fff; padding: 0 5px;}
            .tab5{  border-color: #ffb400; color: #ffb400;i{height:16px;width:18px;background-position: -233px -57px;}}
            .tab6{i{height:18px;width:15px;background-position: -212px -54px;}}
            .tab7{  border-color: #15c5ce; color: #15c5ce;}
        }
    }
    .item2{
        padding: 9px ;
        margin-bottom: 14px;
        .bt{
            height: 30px;
            line-height: 30px;
            overflow: hidden;
            font-size: 18px;
            font-weight: bold;
        }
        .list1{
            .scroll{
                max-height: 92px;
                overflow-y: auto;

            }
           a{
            display: inline-block;
            height: 30px;
            background-color: #ededee;
            border-radius: 5px;
            padding: 0 7px;
            line-height: 30px;
            color: #666666;
            margin: 8px 5px 8px 0;
            &:hover{
                background: $themeopacity;
                color: $theme;
            }
            
           }   
        }
        .down_tab{
            overflow: hidden;
            padding-top: 5px;
             .tab{
               display: block;
               float: left;
                height: 30px;
                line-height: 30px;
                width: 49%;
                white-space: nowrap;
                text-overflow: ellipsis;
                margin: 5px 1% 5px 0;
                .ico{
                    display: inline-block;
                    vertical-align: middle;
                    background: url("../images/ico_tab.png") no-repeat center;
                    margin: -2px 5px 0 0;
                    width: 22px; height: 22px;
                }
                span{
                    color: #ff5353;
                    font-size: 12px;
                    u{
                        text-decoration: line-through;
                    }
                }
                &:hover{
                    color: $theme;
                    .ico{background-position-y: -40px;}
                }
             }
             .anzhuo .ico{background-position: 0 0;}
             .iphone .ico{background-position:-27px 0;}
             .mac .ico{background-position: -57px 0;}
             .ps .ico{background-position: -87px 0; width: 25px;}
             .xbox .ico{background-position: -117px 0;}
             .pc .ico{background-position: -147px 0;}

        }
    }
}
.zqcont2{
    padding-bottom: 20px;
    .switchnav3{
        padding-top: 10px;
    }
    .list1{
        padding: 5px 0;
        a{
            display: inline-block;
            vertical-align: middle;
            line-height: 20px;
            margin: 5px 10px 5px 0;
        }
    }
    .list2{
        width: 100%;
        overflow: hidden;
        ul{
            width: 108%;
            li{
                float: left;
                width: 90px;
                margin: 0 24px 10px 0;
                .img{
                    width: 100%;
                    height: 90px;
                    display: block;
                    overflow: hidden;
                    border-radius: 5px;
                }
                .name{
                    display: block;
                    height: 30px;
                    line-height: 30px;
                    overflow: hidden;
                    text-align: center;
                    width: 100%;

                }
            }
        }
    }
    .list3{
        margin-top: -10px;
        overflow: hidden;
        &.them{
           margin: 0;
           a{
            height: 35px;
            line-height: 35px;
            margin-right: 15px;
           }
        }
        a{
            border: solid 1px #e0e0e0;
            height: 40px;
	        border-radius: 5px;
            line-height: 40px;
            padding: 0 15px;
            margin: 10px 20px 10px 0;
            display: block;
            float: left;
            &:hover{
                background: $themeopacity;
                color: $theme;
                border-color: $theme;
            }
        }
        .on{
            background: $theme !important;
            border-color: $theme !important;
            color: #fff !important;
        }
    }
    .newslist{
         ul {
            .them1 .img{width: 210px; height: 130px;}
            li {
                .img_lis .img{width: 175px; height: 116px;}
                .infor{
                    height: 130px;
                    position: relative;
                    overflow: hidden;
                    padding-left: 0;
                    margin-left: 20px;
                    .p{
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        width: 100%;

                    }
                    .name{
                        height: auto;
                        white-space: normal;
                        @include multi-line-ellipsis(2,25px);
                        padding-bottom: 0px;
                    }
                }
            }
         }
    }
    & + .newslist{
        padding-top: 0;
        li{
            &:first-child{
                padding-top: 0;
            }
        }
    }

}
 
.zqcont3{
  .lunbox_slide{
    overflow: hidden;
    margin: 10px 0;
    position: relative;
    .bd{
        li{
            float: left;
            width: 207.5px;
            margin-right: 20px;
            .img{
                width: 100%;
                height: 125px;
                border-radius: 5px;
                display: block;
                overflow: hidden;
                &:hover{
                   img{
                    transform: scale(1.1);
                   }
                }
            }
            .text{
                padding-top: 5px;
                @include multi-line-ellipsis(2,24px);

            }
        }
    }
    .prev,.next{
      position: absolute;
      background: rgba(0, 0, 0, 0.5);
      width: 20px;
      height: 125px;
      text-align: center;
      color: #fff;
      line-height: 125px;
      font-family: serif;
      font-size: 20px;
      cursor: pointer;
      user-select: none;
      top: 0;
      &:hover{
        opacity: 0.8;
      }
     
    }
    .prev{left: 0;}
    .next{right: 0;}
  } 
  .zqcont3-1{
    width: 428px;
    padding-bottom: 20px;
    ul{
        li{
            padding-bottom: 13px;
            &:last-child{
                padding-bottom: 0;
            }
            .bt{
                display: flex;
                align-items: center;
                height: 50px;
                font-size: 16px;
                a{
                    @include multi-line-ellipsis(2,25px);
                    color: #3d3c3c;
                    text-align: justify;
                    font-weight: bold;
                    &:hover{
                        color: $theme;
                    }
                }
            }
            .p{
                height:30px;
                line-height: 30px;
                font-size: 13px;
                padding-top: 5px;
                color: #575757;
                u{
                    padding: 0 10px;
    
                }
            }
        }
    }
  } 
  .zqcont3-2{
    width: 390px;
    padding-bottom: 20px;
    .title{
        padding-top: 10px;
        height: 20px;
        line-height: 20px;
        font-size: 16px;
    }
    .list{
        ul{
            li{
                display: flex;
                padding-top: 14px;
                .bt{
                    width: 100px;
                    height: 35px;
                    line-height:35px;
                    background-color: #f5f5f5;
                    border-radius:5px;
                    text-align: center;
                    color: #333333;
                }
                .p{
                    flex: 1;
                    padding-left:10px;
                    overflow: hidden;
                    word-break: break-all;
                    height:35px;
                    line-height:35px;
                    a{
                        &:hover,&.on{
                            color: $theme;
                        }
                    }
                    span{padding: 0 2px;}
                }
            }
        }
    }
   
  }
  .zqcont3-3{
    li{
        height: 30px;
        line-height: 30px;
        padding: 5px 0;
        display: flex;
        overflow: hidden;
        .text{
            flex: 1;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding-right: 30px;
        }
        .time{
            font-size: 13px;
        }
    }
  }


}
/* 首页板块 */
.Indextitle{
    border-bottom: 1px solid #e5e8ef;
    height: 70px;
    line-height: 70px;
    padding: 0 30px;
    display: flex;
    overflow: hidden;
    align-items: center;
    .bt{
        font-weight: bold;
        font-size: 22px;
        overflow: hidden;
    }
    .switchlab{
        flex: 1;
        overflow: hidden;
        padding: 0 20px;
        font-size: 15px;
        .tab{
            color: #777777;
            display: block;
            float: left;
            height: 28px;
            line-height: 28px;
            padding: 0 15px;
            border-radius: 20px;
            &:hover{
                color: $theme;
            }
        }
        .on{
            background: $theme !important;
            color: #fff !important;
        }
    }
}
.Indexbox1{
    padding: 20px 0;
    .img{
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        border-radius: 5px;
        overflow: hidden;
        &:hover{
            img{
                transform: scale(1.1);
            }
        }
        .p{
            height: 50px;
            line-height: 50px;
            width: 100%;
            position: absolute;
            font-size: 16px;
            left: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
            color: #fff;
            text-align: center;
            span{
                display: block;
                padding: 0 5px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
        }
    }
    .Indexbox1-1{
       width: 560px;
       height: 360px;
       overflow: hidden;
       .lunbox{
        width: 100%;
        height: 100%;
        position: relative;
        .prev,.next{
            display: none;
            position: absolute;
            width: 45px;
            height: 90px;
            display: block;
            background-position: 0 -153px;
            top: 50%;
            margin-top: -45px;
            cursor: pointer;
            &:hover{
                opacity: 0.9;
            }
        }
        .prev{
            transform: rotateY(180deg);
        }
        .next{
            right: 0px;
        }
        .bd{
            ul{
                li{
                    width: 560px;
                    height: 360px; 
                    .img .p{
                        span{
                            width: 65%;
                            padding: 0 20px;
                            text-align: left;
                        }
                    }
                }
            }
        }
        .hd{
            // max-width: 200px;
            position: absolute;
            right: 20px;
            bottom: 20px;
          ul{
            height: 12px;
            li{
                width: 12px;
                height: 12px;
                background-color: #ffffff;
                opacity: 0.5;
                border-radius: 50%;
                display: inline-block;
                vertical-align: middle;
                text-indent: 100em;
                overflow: hidden;
                margin: 0 5px;
                margin-top: -7px;
            }
            .on{
                width: 24px;
                background-color: #007bff;
                border-radius: 6px;
                opacity: 1;
            }
          }
        }
       
       }
    } 
    .Indexbox1-2{
        width: 240px;
        height: 360px;
        margin: 0 20px;
        .img{
            height:170px;
            margin-bottom: 20px;
            &:last-child{
                margin-bottom:0;
            }
        }
    } 
    .Indexbox1-3{
        width: 360px;
        height: 360px;
    } 
}
.Indexbox{
    background: #fff;
    border-radius: 5px;
    margin-bottom: 40px;
    padding-bottom: 30px;
}
.Indexbox2{
    padding-bottom: 0px;
    .list{
        padding: 20px 10px;
        li{
            float: left;
            width: 25%;
            &:hover{
                .bt{
                    color: $theme;
                    a{
                        color: $theme;
                    }
                    i{
                        background-position-y: -30px;
                    }
                }
            }
            .bt{
               padding-left: 15px;
               height: 40px;
               line-height: 40px;
               overflow: hidden;
               font-weight: bold;
               color: #222222;
               font-size: 16px;
               &:hover{
                a{
                    color: $theme;
                }
               }
               a{
                color: #222222;
                &:hover{
                    color: $theme;
                }
               }
               i{
                display: inline-block;
                vertical-align: middle;
                margin: -2px 5px 0 0;
               }
               .ico1{height:20px;width:20px;background-position: -260px 0;}
               .ico2{height:24px;width:21px;background-position: -290px 0;}
               .ico3{height:19px;width:23px;background-position: -320px 0;}
               .ico4{height:22px;width:24px;background-position: -355px 0;}
            }
            .lis{
               line-height: 25px;
               padding-right: 10px;
                a{
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: 15px;
                    margin: 5px 0 5px 15px;
                }
            }
        }
    }
}
.Indexbox3{
    .Indexbox3-1{
        width: 270px;
        height: 340px;
        padding: 20px 0  0  30px;
        .img{
            position: relative;
            width: 100%;
            display: block;
            height: 100%;
            border-radius: 5px;
            overflow: hidden;
            .motai{
                color: #fff;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.65);
                // display: flex;
                // align-items: center;
                flex-wrap: wrap;
                .bt{
                    padding: 0 25px;
                    font-size: 30px;
                    height: 50px;
                    line-height: 50px;
                    padding-top: 60px;
                }
                .time{
                    padding: 0 25px;
                    font-size: 30px;
                    height: 60px;
                    line-height: 60px;
                    position: relative;
                    padding-bottom: 5px;
                    &::after{
                          content: '';
                          display: block;
                          position: absolute;
                          left: 25px;
                          background: #fff;
                          width: 30px;
	                        height: 7px;  
                            border-radius: 4px;      
                            bottom: 0;
                    }
                }
                .text{
                    padding: 0 25px;
                    padding-top: 30px;
                    font-size: 20px;
                    color: #fff;
                    text-align: justify;
                    display: block;
                    @include multi-line-ellipsis(3,25px);
                    &:hover{
                        text-decoration: underline;
                    }
                }

            }
        }

    }
    .Indexbox3-2{
        padding: 10px 0 0 30px;
        width: 490px;
        li{
            height: 30px;
            padding: 5px 0;
            display: flex;
            overflow: hidden;
            line-height: 30px;
            align-items: center;
            &:last-child{
                padding-bottom: 0px;
            }
            &:hover{
               .text u{
                    color: $theme;
                }
            }
           .tab{
            width: 85px;
            text-align: center;
            display: block;
           } 
           .text{
            flex: 1;
            padding-right: 10px;
            overflow: hidden;
                img{
                    width: 24px;
                    height: 24px;
                    border-radius: 5px;
                    margin: 0 7px 0 0;
                }
                a{
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    max-width: 85%;
                    overflow: hidden;
                    display: inline-block;
                    vertical-align: middle;
                }
                u{
                    font-family: SimHei;
                    font-size: 20px;
                    font-style: italic;
                    color: #82beff;
                    letter-spacing: -2px;
                    display: inline-block;
                    vertical-align: middle;
                }
           }
           span{
            color: #666666;
           }
        }
    }
    .Indexbox3-3{
        width:320px;
        padding: 15px 20px 0 0;
        .Ritem5 {
            padding-bottom: 0px;
            .list li{
                &:last-child{
                    padding-bottom: 0px;
                }
            }
        }
        .list2{
            ul{
                li{
                    display: flex;
                    height: 80px;
                    padding: 15px 0;
                    align-items: center;
                    &:last-child{
                        padding-bottom: 0px;
                    }
                    .img{
                        width: 130px;
                        display: block;
                        height: 80px;
                        border-radius: 5px;
                        overflow: hidden;
                    }
                    .text{
                        flex: 1;
                        overflow: hidden;
                        padding: 0 0 0 15px;
                        .bt{
                            @include multi-line-ellipsis(3,24px)
                        }

                    }
                }
            }
        }
    }

}
.Indexbox4{
    .list{
        padding: 0 0 0 6px;
        li{
            float: left;
            width: 175px;
            margin: 20px 0 0 20px;
            border:2px solid $theme;
            border-radius: 5px;
            overflow: hidden;
            display: block;
            box-sizing: border-box;
            .bt{
                height: 45px;
                line-height: 45px;
                background: $theme;
                color: #fff;
                display: block;
                text-align: center;
                 width: 100%;
                font-size: 16px;
                &:hover{
                    text-decoration: underline;
                }

            }
            .lis{
                padding: 10px 10px 10px 20px;
                .li{
                    display: flex;
                    height: 30px;
                    line-height: 30px;
                    padding: 5px 0;
                    align-items: center;
                    .img{
                        width: 24px;
                        height: 24px;
                        display: block;
                        border-radius: 5px;
                        overflow: hidden;
                        margin-right: 5px;
                    }
                    span{
                       flex: 1;
                       overflow: hidden;
                       white-space: nowrap;
                       text-overflow: ellipsis;

                    }
                    
                }
            }
            &:nth-child(12n+1) {border-color: #02be6e;.bt{background: #02be6e;} } 
            &:nth-child(12n+2) {border-color: #2e99fd;.bt{background: #2e99fd;} } 
            &:nth-child(12n+3) {border-color: #ff6c45;.bt{background: #ff6c45;} } 
            &:nth-child(12n+4) {border-color: #02beaa;.bt{background: #02beaa;} } 
            &:nth-child(12n+5) {border-color: #ff8900;.bt{background: #ff8900;} } 
            &:nth-child(12n+6) {border-color: #6870e4;.bt{background: #6870e4;} } 
            &:nth-child(12n+7) {border-color: #02beaa;.bt{background: #02beaa;} } 
            &:nth-child(12n+8) {border-color: #ff8900;.bt{background: #ff8900;} } 
            &:nth-child(12n+9) {border-color: #6870e4;.bt{background: #6870e4;} } 
            &:nth-child(12n+10) {border-color: #02be6e;.bt{background: #02be6e;} } 
            &:nth-child(12n+11) {border-color: #2e99fd;.bt{background: #2e99fd;} } 
            &:nth-child(12n+12) {border-color: #ff6c45;.bt{background: #ff6c45;} } 

            
        }
    }
}
.Indexbox5{
    .Indexbox5_nav{
        padding: 20px 0 0 30px;
        width: 110px;
        float: left;
        li{
            height: 50px;
            line-height: 50px;
            border:1px solid $theme;
            text-align: center;
            display: block;
            color: $theme;
            border-radius: 5px;
            margin-bottom: 30px;
            font-size: 16px;
            cursor: pointer;
            i{
                display: inline-block;
                vertical-align: middle;
                height: 20px;
                width: 20px;
                background-position: -119px -191px;
                margin: -2px 5px 0 0;
            }
            a{
                display: block;
                color: $theme;
                width: 100%;
                height: 100%;

            }
            &:hover ,&.on{
                background: $theme;
                color: #fff;
                i{
                    background-position: -119px -161px;  
                }
                a{
                    color: #fff;
                }
            }
        }
    }
    .Indexbox5-list{
        float: left;
        width: 1010px;
        padding-left: 40px;
        li{
            float: left;
            padding: 10px 20px 0  0;
            width: 182px;
            display: block;
            .bt{
                height: 35px;
                line-height: 35px;
                overflow: hidden;
                font-weight: bold;
                &::before{
                    content: '';
                    display: inline-block;
                    vertical-align: middle;
                    width: 5px;
                    height: 18px;
                    background-color: #0066ff;
                    border-radius: 2px;
                    margin: -2px 5px 0 0;
                }
            }
            .lis{
                .p{
                    display: flex;
                    height: 30px;
                    line-height: 30px;
                    padding: 5px 0;
                    overflow: hidden;
                    align-items: center;
                    .num{
                        width: 20px;
                        height: 20px;
                        background-color: #f82f05;
                        border-radius: 2px;
                        color: #fff;
                        line-height: 20px;
                        text-align:center;
                        margin-right: 5px;
                    }
                    & + .p .num{background-color: #f65b0d;}
                    & + .p + .p .num{background-color: #fa8e17;}
                    & + .p + .p + .p .num{background-color: #646566;}
                    .tex{
                        flex: 1;
                        overflow: hidden;
                        display: block;
                        padding-left: 10px;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        .img{
                            width: 24px;
                            height: 24px;
                            border-radius: 5px;
                            display: inline-block;
                            vertical-align: middle;
                            overflow: hidden;
                            margin: -2px 10px 0 0;
                        }
                    }
                }
            }
            &:nth-child(1) {.bt::before{background: $theme !important;}} 
            &:nth-child(4n+1) {.bt::before{background: #ff5a85;}} 
            &:nth-child(4n+2) {.bt::before{background: #56ff83;}} 
            &:nth-child(4n+3) {.bt::before{background: #736cff;}} 
            &:nth-child(4n+4) {.bt::before{background: #f6895e;}} 
        }
    }
}
.Indexbox6{
    .Cont3 .list{
        padding-bottom: 0;
        border-bottom: none;
        .add_morelink{
            margin: 10px 0 0;
        }
        .bt_box{
          padding-left: 30px;
          width: 330px;
          margin-right: 10px;
          max-height: 400px;
          .img{
            height: 220px;
          }
          .name{
            display: flex;
            width: 100%;
            align-items: center;
            .flex{
                flex: 1;
                overflow: hidden;
                padding-right: 10px;
                a{
                    display: block;
                    max-width: 100%;
                }
            }
            .btn{
                padding: 0 10px;
                background: $theme;
                color: #fff;
                height: 24px;
                line-height: 24px;
                border-radius: 5px;
                font-size: 12px;
                font-weight: normal;
                &:hover{
                    opacity: 0.9;
                }
            }
          }
          .text{
            -webkit-line-clamp: 3;
          }
        }
        .ul{
            flex: 1;
            padding-right: 30px;
            ul li{
                width: 246px;
                height: 70px;
                padding-bottom: 10px;
                .img{
                    width: 70px;
                    height: 70px;
                }
                .infor .p{
                    padding-top: 8px;
                }
            }
        }
    }
}
.Indexbox7{
    .Indexbox7-1{
        padding: 20px 0 0 30px;
        width: 80px;
        float: left;
        .tab{
            height: 40px;
            line-height: 40px;
            background-color: #efefef;
            text-align: center;
            display: block;
            border-radius: 5px;
            margin-bottom: 10px;
            font-size: 16px;
            overflow: hidden;
            cursor: pointer;
            &:hover ,&.on{
                background: $theme;
                color: #fff;
                
            }
        }
    }
    .Indexbox7-2{
        float: left;
       width: 725px;
       padding: 0 30px 0 25px;
    }
    .Indexbox7-3{
        padding-top: 15px;
        width: 280px;
        float: right;
    }
}
.Indexbox8{
    .list{
        display: flex;
        padding: 0 30px;
        .img{
            width: 220px;
            height: 300px;
            border-radius: 5px;
            overflow: hidden;
            display: block;
            margin-top: 20px;
        }
        .infor{
            padding-left: 20px;
            flex: 1;
            overflow: hidden;
            padding-top: 10px;
            .bt_name{
                height: 50px;
                line-height: 50px;
                display: block;
                width: 100%;
                overflow: hidden;
                .name{
                    display: block;
                    float: left;
                    font-size: 16px;
                    font-weight: bold;
                    max-width: 80%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;

                }
                .score{
                    float: left;
                    margin-top: -3px;
                    padding-left: 10px;
                }

            }
            .lab_p{
                overflow: hidden;
                padding-top: 5px;
                .lab{
                    min-width: 30px;
                    text-align: center;
                    padding: 0 10px;
                    border-radius: 5px;
                    height: 30px;
                    line-height: 30px;
                    overflow: hidden;
                    margin: 0 10px 10px 0;
                    background: #f3f5f7;
                    display: block;
                    float: left;
                    color: #666666;
                    &:hover{
                        background: $themeopacity;
                        color: $theme;
                    }
                }
            }
            .lis_p{
                padding-top: 5px;
                .bt{
                    height: 30px;
                    line-height: 30px;
                    font-size: 15px;
                }
                .p{
                    height: 30px;
                    line-height: 30px;
                    overflow: hidden;
                    span{
                        padding: 0 3px;
                        color: #b7b7b7;
                        &:last-child{
                            display: none;

                        }
                    }
                }
                .tex{
                    @include multi-line-ellipsis(2,24px)
                }
            }
        }
        .btnwarp{
            width: 170px;
            padding: 0 50px;
            display: flex;
            height: 300px;
            align-items: center;
            flex-wrap: wrap;
            font-size: 16px;
            .btnbox{
                width: 100%;
            }
            .btn{
                display: block;
                width: 100%;
                text-align: center;
                height: 50px;
                line-height: 50px;
                background-color: #f1f1f1;
	            border-radius: 5px;
                color: #666666;
                margin: 25px 0;
                &:hover{
                    opacity: 0.9;
                }
            }
            .btn1{
                background: $theme;
                color: #fff;
            }

        }
    }
}
.Indexbox9{
   .list{
    line-height: 30px;
    padding: 10px 0;
    a{
        padding-right: 20px;
        display: inline-block;
        vertical-align: middle;
    }
   }
}

/* 分页 */
.pages {
    .pagewrap { width: 100%;  text-align: center; color: #666666; overflow: hidden;padding: 20px 0;}
    .pagewrap a,  .pagewrap span { display: inline-block; height: 35px; text-align: center; line-height: 35px; border: 1px solid #d1d1d6; border-radius: 5px; padding: 0 15px; margin: 0 2px; font-size: 14px; color: #626675; }
    .pagewrap a.current,  .pagewrap .active a,  .pagewrap a:hover { color: #fff; border: 1px solid  $theme;; background: $theme; }
    .pagewrap span { padding: 0 15px; }
    .pagewrap li { display: inline-block; _zoom: 1; display: inline; }
    .pagewrap .page { margin: 0 auto; display: block; }
    .pagewrap li.active a { color: #fff; border: 1px solid  $theme; background:  $theme;}
    .tips{
        text-align: center;
        color: #929292;
        font-size: 14px;
    }
}
.add_morelink{
    height: 40px;
    border-radius: 5px;
    background: #f1f1f1;
    display: block;
    text-align: center;
    line-height: 40px;
    color: #666666;
    margin: 10px auto;
    font-size: 14px;
    &:hover{
        background: $themeopacity;
        color: $theme;
    } 
}
.Disclaimers{
    color: #929292;
    font-size: 14px;
    line-height: 22px;
    padding: 20px 0;
    a{
        color: $theme;
    }
}
/* 搜索 */
.searchlist{
    .newslist ul li .img_lis .img{
        width: 250px;
        height: 120px;
    }
    .Cont3 .list .bt_box{
        width: 345px;
    }
    .Cont5 .list .imgbt{
        width: 345px;
    }
   .zyitem1 {
       margin-bottom: 20px;
       height: auto;
       min-height: 200px;
       & > .img{
        min-height: 230px;
       }
   }
}
// 分享
.sharebox{
    position: fixed;
    right: 50%;
    margin-right: 630px;
    display: block;
    z-index: 100;
    top: 50%;
    transform: translate(0 , -50%);
    ul{
        li{
            position: relative;
            margin-bottom: 6px;
            .number{
                height: 25px;
                line-height: 25px;
                font-size: 12px;
                width: 50px;
                text-align: center;
                overflow: hidden;

            }
            .btn{
                width:50px;
                height: 50px;
                display: block;
                border-radius: 50%;
                background: #fff;
                position: relative;
                cursor: pointer;
                &:hover,&.on{
                    background: $themeopacity;
                    i{
                        background-position-x:-37px ;
                    }
                }
            }
            i{
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
            }
            .ico1{width: 25px; height: 22px; background-position: 0 -35px;}
            .ico2{width: 27px; height: 20px; background-position: 0 -60px;}
            .ico3{width: 25px; height: 20px; background-position: 0 -85px;}
            .ico4{width: 25px; height: 22px; background-position: 0 -110px;}
           
            &:hover{
                .share{
                    display: block;
                }
            }
        }
    }
    .share{
        position: absolute;
        width: 147px;
        right: -147px;
        top: 50%;
        transform: translate(0 ,-50%);
        display: none;
        &::before{
            display: block;
            content: '';
            border-right: 10px solid #fff;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            top: 50%;
            margin-top: -10px;
            position: absolute;
        }
        .social-share{
            width: 137px;
            background: #fff;
            border-radius: 5px;
            font-size: 14px;
            color: #222222;
            padding: 15px 0;
            margin-left: 10px;
            cursor: pointer;
            a{
                display: block;
                margin: 0;
                margin-left: 20px;
                text-align: left;
                height: 30px;
                line-height: 30px;
                color: #222;
                width: auto;
                border:none;
                border-radius: none;
                font-size: 12px;
                
                &::before{
                    display: none;
                }
                u{
                    display: inline-block;
                    vertical-align: middle;
                    border-radius: 50%;
                    height: 20px;
                    width: 20px;
                    position: relative;
                    background-color: #676b8c;
                    margin: -0px 7px 0 0;
                    &::before{
                        content: '';
                       display: block;
                       position: absolute;
                       top: 0;
                       left: 0;
                       bottom: 0;
                       right: 0;
                       margin: auto;
                       background: url("../images/icoimg.png") no-repeat center;
                       width: 11px;
                       height: 11px;
                       background-position:-78px -67px;
                    }
                }
                &:hover{background: none;}
            }
            .icon-weibo {u{background-color: #f79401;&::before{  background-position:-76px -98px; width: 15px;}}}
            .icon-wechat {u{background-color: #3cbf7d;&::before{  background-position:-75px -82px; width: 15px;}}}
            .icon-qzone {u{background-color: #fec602;&::before{  background-position:-77px -114px; width: 14px; height: 12px;}}}
        }

    }
}
.comment.bjfff{
    & + .sharebox{
      ul li .btn ,.share .social-share{
        background: #f6f6f6;
      }
      .share::before{
        border-right-color: #f6f6f6;
      }
      ul li .btn:hover ,.ul li .btn.on{
        background: $themeopacity;
      }
    }
}
/*用户中心*/
.usernamebox{
   .img{
    display: block;
    background: #eeee;
    height: 290px;
    display: block;
    overflow: hidden;
    border-radius: 10px;
   }
   .username{
      padding: 0 10px 0 20px;
      position: relative;
      z-index: 1;
     .userbox{
        margin-top: -50px;
        display: flex;
        overflow: hidden;
        width: 100%;
        .userimg{
            display: block;
            padding: 3px;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background: #fff;
            img{
                width: 100%;
                display: block;
                border-radius: 50%;
                height: 100%;
                object-fit: cover;
            }
        }
        .flex{
            flex: 1;
            padding-left: 10px;
            overflow: hidden;
            .text{
                font-size: 16px;
                color: #fff;
                line-height: 40px;
                overflow: hidden;
                height: 40px;
                position: relative;
                display:block;
                float: right;
                margin-top: 12px;
                padding-right: 10px;
                &::before{
                    position: absolute;
                    left: 0;
                    top: 0;
                    background: #fff;
                    content: '';
                    width: 34px;
                    height: 2px;
        
                }
        
        
            }
            .btn_p{
                width: 100%;
                float: left;
                display: flex;
                height: 40px;
                line-height: 40px;
                padding-top: 10px;
                .p{
                    flex: 1;
                    overflow: hidden;
                    span{
                        padding-right: 15px;
                        u{
                            color: $theme;
                            padding: 0 2px;
                        }
                    }
                }
                .btn{
                    width: 100px;
                    height: 40px;
                    line-height: 40px;
                    display: block;
                    text-align: center;
                    color: #fff;
                    border-radius: 5px;
                    background: $theme;
                    cursor: pointer;
                }
            }
        }

     }
     .usertex{
        line-height: 22px;
        padding-top: 10px;
        .security{
            color: $theme;
            i{
                width: 13px;
                height: 15px;
                background-position: -489px -69px;
                display: inline-block;
                vertical-align: middle;
                margin: -2px 3px 0 5px;
            }

        }
     }
     .text_time{
        height: 30px;
        line-height: 30px;
        display: flex;
        overflow: hidden;
        padding-top: 10px;
        p{
            flex: 1;
            overflow: hidden;
        }
        u{
            color: $theme;
        }
        span{
            color: #999999;
        }
     }
     .text_bt{
        padding-top: 10px;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        font-weight: bold;
     }
     .btnbox{
        padding-top: 10px;
        .btn{
            cursor: pointer;
            height: 35px;
            background: #f2f2f2;
            border-radius: 5px;
            padding: 0 15px;
            display: block;
            float: left;
            margin: 0 10px 0 0;
            line-height: 35px;
            color: #222222;
            u{
                padding:0 0 0 3px;
            }
            &:hover ,&.on{
                background: $theme;
                color: #fff;
            }

        }
        
     }
   }
}
/*文本编辑 - 关于我们*/
.texteditor_warp{
   .texteditor_tile{
    border-bottom: 1px solid #e3e3e3;
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    padding-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
   }
   .texteditor{
      line-height: 36px;
      padding: 10px 0;
      color: #333;
      p{
        padding: 5px 0;
      }
   }
}
/*用户编辑*/
.user_edit{
     padding: 60px 150px 40px 100px;
     .layui-upload{
        width: 90px;
        height:90px;
        margin: 0 auto;
        background: #eee;
        border-radius: 50%;
        overflow: hidden;
        line-height: 90px;
        text-align: center;
        margin-bottom: 30px;
        position: relative;
        img{
            width: 90px;
            height: 90px;
            display: block;
            object-fit: cover;
        }
        &:hover{
            .motai{
                display: block;
            }
        }
       .motai{
            background: rgba(0, 0, 0, 0.5);
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            color: #fff;
            display: none;
            cursor: pointer;
            p{
                width: 100%;
                height: 100%;

            }
            .tip{
                display: none;
            }
       } 
     }
     .text_{
        line-height: 37px;
        display: flex;
        .iphone{
            flex: 1;
            overflow: hidden;
            display: none;
        }
        .btn{
            color: $theme;
            cursor: pointer;
            margin-left: 10px;
        }
     }
     .layui-btn{
        min-width: 100px;
        text-align: center;
        border-radius: 5px;
     }
     .areapicker{
        display: flex;
        .layui-input-inline{
           &:last-child{
            margin-right: 0px;
           }
        }
     }
     .btnbox{
        text-align: center;
        padding: 10px 0;
        .layui-btn{
            margin: 0 20px;
         }
     }
     .verification{
        height: 36px;
        line-height: 36px;
        padding: 0 10px;
        cursor: pointer;
        margin-left: 10px;
        background: $theme;
        color: #fff;
        border-radius: 5px;
     }
     .time_bg{
        background: #f5f4f4;
        color: #333;
     }
     .flexbox{
        display: flex;
        .layui-input, .layui-textarea{
            flex: 1;
        }
        

     }
    
}
/*404*/
.warp404{
    position: relative;
  img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;

  }
  .text{
    position: absolute;
    top: 70px;
    left: 280px;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 500px;
    height: 160px;
    line-height: 80px;
    font-size: 16px;
    font-weight:600;
    a{
        color: $theme;
    }
  }
}
/*评价*/
.evaluatewarp{
    padding: 20px 0;
    .title{
        padding-bottom: 20px;
    }
    &.tabbox{
        padding-top: 0;
    }
    .evaluate_header{
       padding: 20px 100px 20px 40px;
       display: flex;
       align-items: center;
       .evaluate_score{
        width: 180px;
        text-align: center;
        color: $theme;
        p{
            line-height: 30px;
           }
        .score_bf{
            font-weight: bold;
            font-size: 45px;
            font-family: SimHei;
            height: 60px;
            line-height: 60px;
            span{
                letter-spacing: -5px;
                margin-left: -15px;
            }
            .ico_{
                display: inline-block;
                vertical-align: middle;
                .iconsvg{
                    width: 45px;
                    height: 45px;
                }
            }
            font-size: 45px;
        }

       }
       .evaluate_line{
        flex: 1;
        ul{
            li{
                height: 20px;
                line-height: 20px;
                display: flex;
                align-items: center;
                .icobox{
                    width: 120px;
                    height: 18px;
                    line-height: 18px;
                    .iconsvg{
                        width: 18px;
                        height: 18px;
                        fill:#d2d7d9;
                    }
                }
                .line{
                    height: 6px;
                    flex: 1;
                    background: #ebeff0;
                    border-radius: 20px;
                    overflow: hidden;
                    position: relative;
                    margin-left: 10px;
                    .bar{
                        position: absolute;
                        top: 0;
                        left: 0;
                        background: $theme;
                        height: 100%;
                        border-radius: 20px;

                    }

                }

            }
        }
       }

    }
    .evaluate_total_stare{
        color: #7a7a7a;
        height: 35px;
        line-height: 35px;
        margin-bottom: 20px;
        .layui-rate{
            padding: 0;
            padding: 0 10px;
            margin-top: -2px;
            .layui-icon{
                background: url("../images/icostar.png") repeat-x left;
                width: 25px;
                height: 25px;
                background-size: 100% auto;
                &::before{
                    display: none;
                }
            }
            .layui-icon-rate-solid{
                background-image: url("../images/icostardefault.png");
            }
        }
    }
    .evaluate_textarea{
        padding-bottom: 20px;
        textarea{
            background: #f9f9f9;
            border-radius: 5px;
            padding:20px;
            border:1px solid #e7e7e7;
            width: 100%;
            box-sizing: border-box;
            resize: none;
            outline: none;
            line-height: 30px;
            height: 132px;
            display: block;

        }
        .submitbtn{
            float: right;
            width: 100px;
            text-align: center;
            color: #fff;
            line-height: 40px;
            display: block;
            background: $theme;
            border-radius: 5px;
            margin-top: 20px;
            cursor: pointer;
            &:hover{
                opacity: 0.9;
            }
        }
        .tishi{
            line-height: 25px;
            padding-top: 10px;
            & + .submitbtn{
                margin-top: 10px;
            }
        }
    }
    .evaluate_switch{
        overflow: hidden;
        height: 30px;
        line-height: 30px;
        padding-bottom: 20px;
        font-size: 16px;
        .switch{
          float: left;
          .lab{
              display: inline-block;
              vertical-align: middle;
              height: 24px;
              line-height: 24px;
              overflow: hidden;
              padding: 0 10px;
              margin-right: 10px;
              border-radius: 5px;
              &:hover,&.on{
                  background-color: #007bff;
                  color: #fff;
              }
    
          }
        }
        .up{
          float: right;
          cursor: pointer;
          i{
              background-position: -650px -27px;
              width: 16px;
              height: 16px;
              display: inline-block;
              vertical-align: middle;
              margin: -3px 7px 0 0;
          }
        }
     } 
    .evaluatelist{
         .EV_list{
            padding-bottom: 20px;
            .item_{
                padding: 20px ;
                border-radius: 5px;
                background-color: #f3f5f7;
                .bt_{
                    height: 40px;
                    padding-bottom: 5px;
                    .user_{
                        float: left;
                        display: flex;
                        max-width: 200px;
                        overflow: hidden;
                        img{
                            width: 40px;
                            height: 40px;
                            display: block;
                            border-radius: 50%;
                        }
                        .infor{
                            flex: 1;
                            overflow: hidden;
                            padding-left: 10px;
                            .name{
                                height: 20px;
                                line-height: 20px;
                                display: block;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                                padding-bottom: 2px;
                            }
                            .time{
                                color: #aeaeae;
                                font-size: 14px;
                            }
                        }
                    }
                    .layui-nav{
                        float: right;
                        height: 20px;
                        padding: 0;
                        background: none;
                        margin-top: 10px;
                        &:hover{
                            .ico{background-position: -393px 0;}
                        }
                        .ico{
                            cursor: pointer;
                            height:19px;width:12px;
                            background-position: -416px 0;
                            display: block;
                        }
                        .layui-nav-child{
                            left: initial;
                            right: 0px;
                            top: 30px;
                            text-align: center;
                            .on{
                                background: #e5f2ff;
                                color: $theme;
                            }
                        }
                    }
                }
                .eventstep{
                    position: relative;
                    &::before{
                        position: absolute;
                        width: 100%;
                        content: '';
                        border-top:1px solid #ececec;
                        left: 0;
                        top: -8px;
                    }

                }
                .scorebox{
                    display: flex;
                    overflow: hidden;
                    height: 20px;
                    line-height: 20px;
                    font-size: 14px;
                    align-items: center;
                    padding: 10px 0;
                    color: #888888;
                    .stare{
                        width: 100px;
                        background: url("../images/icostar.png") repeat-x left;
                        background-size: auto 100%;
                        position: relative;
                        height: 20px;
                        overflow: hidden;
                        .line{
                            position: absolute;
                            top: 0;
                            left: 0;
                            background: url("../images/icostardefault.png") repeat-x left;
                            width: 0%;
                            height: 100%;
                            background-size: auto 100%;
                        }
                    }
                    p{
                        flex: 1;
                        padding-left: 10px;
                        overflow: hidden;
                        
                    }
                }
                .text_p{
                    line-height: 30px;
                    padding-bottom: 10px;
                    display: flex;
                    position: relative;
                    &.flexno{
                        display: block;
                    }
                    img{
                        display: block;  
                        max-width: 100%;
                        margin:10px  auto;
                        border-radius: 5px;
                      }
                      .bttex{
                        display: block;
                        font-weight: bold;
                    }
                    .bt_name{
                        color: #888888;
                        padding-right: 10px;
                        a{
                            color: $theme;
                        }
                    }
                    p{
                        flex: 1;
                        text-align: justify;
                    }
                    .moretext{
                        position: absolute;
                        right: 0;
                        bottom: 10px;
                        height: 30px;
                        background: #fff;
                        color: $theme;
                        padding: 0 10px 0 20px;
                        cursor: pointer;
                        background: linear-gradient(to right, rgba(236,236,236,0) 0%,rgba(236,236,236,0.8) 20%,rgba(236,236,236,1) 100%);
                    }
                    
                }
                .tab_p{
                    height: 20px;
                    line-height: 20px;
                    font-size: 14px;
                    color: #ababab;
                    max-width: 900px;
                    span{
                        color: #ee9700;
                    }
                    .btn_{
                        float: left;
                        display: block;
                        cursor: pointer;
                        margin-left: 20px;
                        user-select: none;
                        color: #ababab;
                        i{
                           display: inline-block;
                           vertical-align: middle;
                           margin: -4px 5px 0 0;
                           width:14px;
                           height:14px;
                        }
                    }
                    .reply{
                        i{height:13px;background-position: -124px 0;}
                        &.on i, &:hover i{
                            background-position: -99px 0;
                        }
                    }
                    .link{
                        i{ background-position: -49px 0; }
                        &.on i, &:hover i{ background-position: -73px 0;}
                    }
                    .no_zan{
                        i{ background-position: -24px 0; margin-top: -1px;}
                        &.on i,&:hover i{ background-position: 0 0;}
                    }
                }
                .children{
                    border-top: 1px solid #ececec;
                    margin: 20px 0 0 0;
                    padding: 10px 0 0;
                    font-size: 14px;
                    ul{
                        
                        li{
                           line-height: 20px;
                           padding: 5px 0;
                           display: none;
                           &:nth-child(1) {display: flex;}
                           .name{
                            color: #888;
                            display: inline-block;
                            
                            a{
                                color: $theme;
                                padding:0 2px;
                            }
                           }
                           .p{
                            flex: 1;
                            overflow: hidden;

                           }
                        }
                        .flexon{
                            display: flex;
                        }
                    }
                    .moreli{
                        color: $theme;
                        height: 20px;
                        line-height: 20px;
                        padding-top: 10px;
                        span{
                            cursor: pointer;
                            &::after{
                                content: '';
                                display: inline-block;
                                vertical-align: middle;
                                border-left: 5px solid transparent;
                                border-right: 5px solid transparent;
                                border-top: 7px solid $theme;
                                margin: -2px 5px 0;
                            }
                        }
                    }
                    &.showli{
                       ul{
                        li{
                            display: flex;
                        }
                       }
                    }
                }
                .replytext{
                    background: #f9f9f9;
                    padding: 13px 20px;
                    line-height: 22px;
                    color: #666666;
                    a{
                        color: #666666;
                    }
                    margin-bottom: 10px;
                }
                .itembox{
                    padding: 0 20px 0 10px;
                    height: 85px;
                    display: flex;
                    overflow: hidden;
                    align-items: center;
                    background: #875540;
                    border-radius: 5px;
                    margin:10px 0;
                    .img{
                        width: 65px;
                        height: 65px;
                        border-radius: 10px;
                        display: block;
                        overflow: hidden;

                    }
                    .img2{
                        width: 100px;
                        height: 60px;
                        border-radius: 5px;
                    }
                    .infor{
                        flex: 1;
                        padding-left: 10px;
                        overflow: hidden;
                        .name_{
                          height:20px;
                          line-height: 20px;
                          white-space: nowrap;
                          text-overflow: ellipsis;
                          width: 100%;
                          display: block;
                          overflow: hidden;
                          color: #fff;
                          font-size: 16px;
                          padding-bottom: 8px;
                        }
                        .p{
                            height: 20px;
                            line-height: 20px;
                            overflow: hidden;
                            width: 100%;
                            color: #fff;
                            a{
                                color: #fff;
                                padding:0 3px;
                            }
                        }
                    }
                    .pfbox{
                        height: 100%;
                        padding-left: 10px;
                        .pf{
                            margin-top: 10px;
                            width: 40px;
                            height: 40px;
                            text-align: center;
                            line-height: 40px;
                            border-radius: 50%;
                            border-radius: 50%;
                            background: #fff;
                            color: #fbbd5b;
                            font-size: 16px;
                            font-weight: bold;
                        }
                    }
                }
            }
            .replybox{
                margin-top: 30px;
                border: solid 1px #e7e7e7;
                background-color: #f9f9f9;
	            border-radius: 5px;
                position: relative;
                padding: 10px 20px 20px;
                .cur{
                    width: 40px;
                    height: 20px;
                    position: absolute;
                    top: -18px;
                    left: 60px;
                    &::after{
                        content: '';
                        position: absolute;
                        border-bottom: 20px solid #f9f9f9;
                        border-left: 20px solid transparent;
                        border-right: 20px solid transparent;
                        top: 0px;
                        left: 0;
                    }
                    &::before{
                        content: '';
                        position: absolute;
                        border-bottom: 20px solid #e7e7e7;
                        border-left: 20px solid transparent;
                        border-right: 20px solid transparent;
                        top: -1px;
                        left: 0;
                    }
                }
                .ti_bt{
                    height: 40px;
                    line-height: 40px;
                    overflow: hidden;
                    padding-bottom: 10px;
                }
                .textarea{
                    height: 70px;
                   background: #fff;
                   padding:20px;
                   textarea{
                    width: 100%;
                    border:none;
                    height: 100%;
                    resize: none;
                    outline: none;

                   }
                    
                }
                .btnbox{
                    padding-top: 20px;
                    height: 40px;
                    .btn{
                        float: right;
                        width: 100px;
                        text-align: center;
                        color: #fff;
                        line-height: 40px;
                        display: block;
                        background: $theme;
                        border-radius: 5px;
                        cursor: pointer;
                        &:hover{
                            opacity: 0.9;
                        }
                    }
                }
            }
            &:nth-child(5n+1) .item_ .itembox{background: #875540;}
            &:nth-child(5n+2) .item_ .itembox{background: #923b58;}
            &:nth-child(5n+3) .item_ .itembox{background: #998d89;}
            &:nth-child(5n+4) .item_ .itembox{background: #425758;}
            &:nth-child(5n+5) .item_ .itembox{background: #423c3a;}
           
         }
    }
    .evaluatelist_none{
        p{
            padding: 100px 0;
            color: #6e6e6e;
            text-align: center;
        }
    }
    .evaluatelink{
        height: 40px;
        border-radius: 20px;
        border: solid 1px #e0e0e0;
        display: block;
        text-align: center;
        line-height: 40px;
        color: $theme;
        margin: 10px auto;
        &:hover{
            background: $themeopacity;
            border-color: $theme;
        }

    }
   
    .nologin{
        padding: 50px 0;
        text-align: center;
        color: #8b8b8b;
        line-height: 40px;
        i{
            display: inline-block;
            vertical-align: middle;
            height:40px;width:40px;background-position: -163px -33px;
            margin: -2px 5px 0 0;
        }
        span{
            cursor: pointer;
        }
    }
    &.usercenter{
       padding: 0;
       .evaluatelist{
        .EV_list{
            .item_{
                background: none;
                border-bottom: 1px solid #ececec;
                .bt_ .user_ .infor .time{
                    font-size: 12px;
                }
                .bt_ + .text_p{
                    padding-top: 10px;
                }
                .scorebox{
                    font-size: 12px;
                    padding:  0;
                    margin: 10px 0 5px;
                }
                .text_p {
                    line-height: 25px;
                    p{
                        @include multi-line-ellipsis(2,25px);
                    }
                    .moretext{
                        height: 25px;
                        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 20%,rgba(255,255,255,1) 100%);
                    }
                }
                .children{
                    border:none;
                    margin: 0;
                }
            }
        }
       }
      
    }
   
}
.commentswrap{
   .title{
    padding-bottom: 10px;
   }
   .evaluate_textarea{
    padding-top: 10px;
      textarea{
        height:162px ;
      }
   } 
   .title_h2{
    height: 30px;
    line-height: 30px;
    border-top: solid 1px #e7e7e7;
    padding-top: 20px;
    .bt{
        font-size: 18px;
        font-weight: bold;
    }
   }

   .evaluatelist .EV_list {
      .item_{
        border-bottom: solid 1px #e7e7e7;
        background-color: #fff;
        display: flex;
        .userimg{
            width: 50px;
            height: 50px;
            display: block;
            border-radius: 50%;
            background-color: #15c5ce;
            overflow: hidden;
            object-fit: cover;
            img{
                width: 100%;
                height: 100%;
                display: block;
    
            }
          }
          .children{
            border-top: none;
            margin: 0;
          }
          .flex1{
            flex: 1;
            overflow: hidden;
            padding-left: 20px;
            font-size: 14px;
            .name_p{
                height: 20px;
                line-height: 20px;
                overflow: hidden;
                margin-bottom: 10px;
                .name{
                    display: block;
                    float: left;
                    font-size: 16px;
                    padding-right: 10px;
                  
                }
                .time{
                    color: #888888;
                    font-size: 14px;
                }
            }
            .text_p {
                line-height: 22px;
            }
    
          }
      }
     
   }  
}

.layerevaluatewarp{
    border-radius: 10px !important;
}
.layerevaluate{
    border-radius: 10px;
    width: 670px;
    overflow: hidden;
    font-size: 14px;
    display: none;
    .text{
        padding: 10px 20px;
        background: $theme;
        color: #fff;
        .bt{
            height: 30px;
            line-height: 30px;
        }
        .p{
            font-size: 14px;
            margin: 10px 0;
            @include multi-line-ellipsis(3,24px)
        }

    }
    .textarea{
        display: block;
        padding: 20px;
        textarea{
            display: block;
            border:none;
            font-size: 14px;
            height: 150px;
            line-height: 25px;
            width: 100%;
            resize: none;
            outline: none;
        }
    }
    .btnbox{
        text-align: right;
        border-top: 1px solid #e0e0e0;
        padding: 20px 0;
        .btn{
            display:inline-block;
            vertical-align: middle;
            width: 70px;
            height: 30px;
            border:1px solid $theme;
            border-radius: 5px;
            line-height: 30px;
            text-align: center;
            color: $theme;
            cursor: pointer;
            margin-right: 20px;
            &:hover{
                opacity: 0.9;
            }
        }
        .sbmit{
            background: $theme;
            color: #fff;
        }
    }

}
/*弹出层*/
.layertext {
    padding: 20px 30px;
    display: none;

    p {
        font-size: 18px;
        line-height: 30px;
        padding: 5px 0;

        &::before {
            display: inline-block;
            vertical-align: middle;
            content: '';
            height: 8px;
            background-color: #919191;
            width: 8px;
            border-radius: 50%;
            margin: -2px 7px 0 0;


        }
    }
}
.layerPopup {
    background: #fff;
    width: 440px;
    border-radius: 10px;
    font-size: 14px;
    padding: 20px 40px;
    display: none;
    .layui-form-item .layui-form-checkbox[lay-skin=primary] {
        margin-top: 0px
    }
    .tile {
        height: 40px;
        line-height: 40px;
        display: block;
        border-bottom: 1px solid #f4f4f4;
        margin-bottom: 30px;
        font-size: 16px;
        color: #222;
        position: relative;

        &::after {
            content: '';
            display: block;
            width: 70px;
            height: 2px;
            background-color: $theme;
        }

    }
    .layui-formradio {
        width: 100%;
        .layui-unselect {
            display: block;
            width: 100%;

            .layui-icon {
                float: right;
                font-size: 14px;
            }

            div {
                flex: 1;
            }
        }
    }
    .layui-form-text {
        .bt {
            height: 30px;
            line-height: 30px;
            color: $theme;
            padding-bottom: 5px;
        }

        .layui-textarea {
            resize: none;
            border-color: #cacaca !important;
        }
    }
    .layui-btn {
        border-radius: 5px;
        border: none;
    }
    .layui-btn-primary {
        background-color: #f0f0f0;
    }
    .layui-form {
        .layui-form-item {
            margin-bottom: 20px;
            position: relative;
            .Tiptishi {
                // position: absolute;
                // left: 0;
                // bottom: -20px;
                p {
                    text-align: left;
                }
            }
        }
        .Tiptishi {
            color: #ff5959;
            font-size: 12px;
            padding: 0 10px;
            p {
                display: none;
                text-align: center;
                height: 20px;
                line-height: 20px;
            }

            i {
                display: inline-block;
                vertical-align: middle;
                margin: -2px 5px 0 0;
                height: 13px;
                width: 13px;
                background-position: -23px 0;
            }
        }
        .focus {
            .layui-input {
                border-color: #ff5959 !important;
            }
        }
        .layui-input {
            background-color: #f4f4f4;
            border-radius: 5px;
            border: solid 1px #dddddd;
            height: 50px;
        }
        .layer-form-box {
            display: flex;
        }
        .iphoneCode {
            .layui-input {
                flex: 1;
                margin-right: 20px;
            }
            .code {
                background-color: #f4f4f4;
                border-radius: 5px;
                border: solid 1px #dddddd;
                width: 120px;
                display: flex;
                align-items: center;
                justify-content: center;
                border: solid 1px #dddddd;
                border-radius: 5px;
                cursor: pointer;
                user-select: none;

                img {
                    width: 90%;

                }
            }

            .time_bg {
                background: #fff;
                border-color: #ff5959;
            }

        }
    }
    .textline {
        .layui-word {
            float: right;
            color: #b8b8b8;
            i {
                padding: 0 10px;
            }
            span {
                color: #b8b8b8;
                cursor: pointer;

                &:hover {
                    color: $theme;
                }
            }
        }
    }
    .submitbtn {
        height: 50px;
        line-height: 50px;
        background-color: $theme;
        border-radius: 5px;
        text-align: center;
        display: block;
        width: 100%;
        color: #fff;
        display: block;
        cursor: pointer;
        margin: 20px auto;
        &:hover {
            opacity: 0.9;
        }
    }
    .tishi {
        color: #b8b8b8;
    }
    .login_tip{
        color: $theme;  
        text-align: right;
        margin-top: -5px;
        span{
            cursor: pointer;
        }
    }
    .success{
        padding: 50px 20px;
        text-align: center;
        .tubiao{
            width: 80px;
            height: 80px;
            background-color: $theme;
            margin: 0 auto;
            position: relative;
            border-radius: 50%;
            i{
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                height:30px;width:44px;background-position: -58px -140px;
            }
        }
        .text_ico{
            line-height: 30px;
            font-size: 18px;
            color: $theme;
            padding: 10px 0;
            p{
                &:nth-child(1){
                    font-size: 20px;
                }
            }
        }

    }
    .layui-form-item.btnbox{
        display: flex;
        .veCode{
            display: flex;
            flex: 1;
            padding-right: 30px;
            height: 38px;
            .layui-input{
                flex: 1; 
                border-radius: 5px 0 0 5px;
                border-right: none;
                height: 38px;
            }
            .veCodeinput{
                background: #fff;
                width: 90px;
                display: flex;
                align-items: center;
                justify-content: center;
                border: solid 1px #dddddd;
                border-radius:0 5px 5px 0;
                cursor: pointer;
                img{
                    width: 90%;

                }
            }

        }
       
    }
}

.ZL-list{
    .list{
        li{
            background-color: #f9f9f9;
            border-radius: 10px;
            height: 149px;
            border:1px solid #f9f9f9;
            display: flex;
            padding:12px 15px;
            margin-bottom: 40px;
            position: relative;
            overflow: hidden;
            &:last-child{
                margin-bottom: 20px;
            }
            &:hover{
                border-color: $theme;
              
            }
            .infor{
                flex: 1;
                overflow: hidden;
                padding-right:20px;
                .bt{
                    font-size: 16px;
                    font-weight: bold;
                    margin-bottom: 5px;
                    @include multi-line-ellipsis(2,25px);
                }
                .text{
                    height: 60px;
                    font-size: 13px;
                    color: #868686;
                    overflow: hidden;
                    @include multi-line-ellipsis(3,30px);
                     a{
                        display: block;
                        width: 100%;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        color: #868686;
                        &:hover{
                            color: $theme;
                        }
                     }   
                }
                .p{
                    padding-top: 5px;
                    height: 20px;
                    line-height: 20px;
                    color: #999999;
                    font-size: 12px;
                    span{
                        padding-right: 20px;
                    }
                    a{
                        color: #999999;
                        cursor: pointer;
                        &:hover{
                            color: $theme;
                        }
                    }
                }
            }
            .img{
                display: block;
                width: 273px;
                height: 100%;
                border-radius: 10px;
                overflow: hidden;
                .motai{
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(0, 0, 0, 0.4);
                    color: #fff;
                    .bt{
                        padding: 30px 25px 0;
                        display: block;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        height: 45px;
                        line-height: 45px;
                        font-size: 26px;
                        font-style: italic;
                        font-weight: bold;
                        letter-spacing: 1px;
                    }
                    .tab{
                        position: absolute;
                        height: 20px;
                        line-height: 20px;
                        border: solid 1px #ffffff;
                        border-radius: 11px;
                        padding: 0 13px;
                        font-size: 14px;
                        top: 10px;
                        right: 10px;
                    }
                    p{
                        padding: 0 25px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        height: 30px;
                        line-height: 30px;
                        font-size: 14px;
                        font-weight: bold;
                    }

                }

            }
        }
        .them{
            height: 173px;
            padding: 0;
            .infor{
                padding: 12px 235px 0 15px;
                position: relative;
                z-index: 1;
                background: linear-gradient(to right, #f9f9f9 0%,rgba(249,249,249,1) 62%,rgba(249,249,249,0.95) 70%,rgba(249,249,249,0) 100%);
                .bt{
                    @include multi-line-ellipsis(2,24px);
                    height:48px;
                    white-space: normal;
                    margin-bottom: 10px;
                }
                .text{
                    height: 44px;
                    line-height: 22px;
                    -webkit-line-clamp: 2;
                    margin-bottom: 10px;
                }
            }
            .img{
              position: absolute;
              top: 0;
              right: 0;

            }
        }
    }
}
.pcinfor{
    padding: 15px 30px ;
    .common{
        width: 100%;
        .ContL{
            width: 830px;
        }
        .news_centernav{
            color: $color;
            font-size: 18px;
            line-height: 40px;
        }
        .news_center {
            h3{
                line-height: 50px;
                font-size: 20px;
                text-decoration:underline;
                color: $theme;
            }
        }
    }
}
.pcinfortop{
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 101;
    .banner{
        width: 100%;
        height: auto;
        display: block;
        min-height: 160px;
        img{
            height: auto;
            width: 100%;
        }
    }
    .infor{
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 160px;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        .h1_text{
            width: 770px;
            float: left;
            padding-top: 15px;
            .h1{
                font-size: 30px;
                @include multi-line-ellipsis(2,50px);
                font-weight: bold;

            }
            .time{
                height: 30px;
                line-height: 30px;
                text-align: right;
                font-size: 16px;
            }
        }
        .pc_name{
            float: left;
            display: flex;
            width: 330px;
            padding: 20px 0 0 50px;
            .img{
                width: 60px;
                height: 60px;
                display: block;
                border-radius: 50%;
                overflow: hidden;
            }
            .text{
                overflow: hidden;
                padding-left: 10px;
                flex: 1;
                .name{
                    height: 30px;
                    line-height: 30px;
                    color: #fff;
                    font-size: 16px;
                    font-weight: bold;
                    width: 100%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;

                }
                p{
                    padding-top: 5px;
                    @include multi-line-ellipsis(3,24px);

                }
            }
        }
    }
}
.pc_ritbox{
   .item-box{
      .item{
         display: flex;
         overflow: hidden;
         .img{
            width: 40px;
            height: 55px;
            display: block;
            border-radius: 5px;
            overflow: hidden;
         }
         .infor{
            flex: 1;
            overflow: hidden;
            padding-left: 10px;
            .bt{
                height: 20px;
                line-height: 20px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow:ellipsis;
                display: block;
            }
            p{
                color: #797979;
                font-size: 12px;
                height: 20px;
                line-height: 20px;
                padding-top: 10px;
                overflow: hidden;
            }
         }
      }
      .tablink{
        height: 25px;
        line-height: 25px;
        padding-top: 5px;
        overflow: hidden;
        .tab{
            display: block;
            float: left;
            padding-right: 15px;
            font-size: 12px;
            color: #555;
            &:hover{
                color: $theme;
            }
            i{
                display: inline-block;
                vertical-align: middle;
                margin: -1px 5px 0 0;
                background: url("../images/icozqtab.png") no-repeat center;
            }
            .ico2{height:29px;width:18px;background-position: -35px 0;}
            .ico4{height:28px;width:23px;background-position: -104px 0;}
            .ico1{height:29px;width:26px;background-position: 0 0;}
            .ico3{height:23px;width:20px;background-position: -70px 0;}
        }
    }
     
   } 
   .lis_p{
    padding: 10px 0 0;
     .bt_h2{
        height: 40px;
        line-height: 40px;
        font-weight: bold;
        color: #373737;
        font-size: 20px;
     }
    .text_p{
        color: #373737;
        line-height: 26px;
        word-break: break-all;
    } 
    ul{
        li{
            display: flex;
            padding: 5px 0;
            &::before{
                width: 6px;
                height: 6px;
                background-color: #ff3939;
                border-radius: 50%;
                 display: block;
                 border-radius: 50%;
                 content: '';
                 margin: 10px 10px 0 0;
            }
            a{
                flex: 1;
                overflow: hidden;
                @include multi-line-ellipsis(2,24px);
            }
        }
    }
    .ul2{
        li{
            &::before{
                background-color: $theme;
            }
        }
    }
    .pflis{
        .lis{
            display: block;
            height: 60px;
            line-height: 60px;
            overflow: hidden;
            &:hover{
                .tex{
                    u{
                        color: $theme;
                    }
                }
            }
            .img_{
                height: 100%;
                position: relative;
                float: left;
                max-width: 70%;
                overflow: hidden;
                img{
                    display: inline-block;
                    max-height: 100%;

                }
            }
            .tex{
                float: right;
                text-align: right;
                color: #191919;
                u{
                    font-size: 20px;
                }
            }
        }
    }

   }
}
.morning_paper{
    .papertitle_them{
        height: 46px;
        display: flex;
        width: 100%;
        overflow: hidden;
        align-items: center;
        .lab{
            display: flex;
            height: 46px;
            align-items: center;
            justify-content: baseline;
            width: 24px;
            border-radius: 5px;
            background: $theme;
            color: #fff;
            font-size: 16px;
            line-height: 18px;
            span{
                flex: 1;
                text-align: center;
                max-height: 36px;
                overflow: hidden;
            }
            &.bg1{
              background: #4B7902;  
            }
            &.bg2{
                background: #B8741A;  
              }
            &.bg3{
                 background: #027DB4;  
            }

        }
        .flex{
            flex: 1;
            padding-left: 20px;
            height: auto;
            overflow: hidden;
            a{
                display: block;
                @include multi-line-ellipsis(2,24px);
                font-size: 16px;
                font-weight: bold;
                text-align: justify;

            }

        }
    }
    .line_{
        background: $theme;
        width: 98%;
        margin: 10px auto;
        height: 1px;
        &.them_h{
            position: absolute;
            left: -13px;
            height: 95%;
            top: 50%;
            transform: translate(0,-50%);
            width: 1px;
            margin: 0 !important;

        }
    }
    .paperbt{
        padding:15px 20px 20px;
        span{
            display: block;
            height: 35px;
            line-height: 35px;
            overflow: hidden;
            font-size: 20px;
            color: #333;
        }
        .bt{
            font-size: 60px;
            color: #111;
            height: 80px;
            line-height: 80px;
            margin-bottom: 6px;
            font-weight: bold;
        }
        p{
            height: 32px;
            line-height: 32px;
            color: #fff;
            padding: 0 10px;
            border-radius: 5px;
            font-size: 16px;
            background: rgba(0, 0, 0, 0.7);

        }

    }
    .paper_list{
        padding-bottom: 30px;
        ul{
            column-count: 3;
            column-gap: 30px;
            li{
                position: relative;
                overflow: hidden;
                margin-bottom: 10px;
                max-width: 380px;
                .bt{
                    font-size: 20px;
                    font-size: 20px;
                    line-height: 30px;
                    font-weight: bold;
                    display: block;
                    color: #d02626;
                    margin-bottom: 5px;
                    &[href]:hover{
                        text-decoration: underline;
                    }

                }
                p{
                    line-height: 28px;
                    color: #444;
                    padding-bottom: 5px;
                }
                img{
                    border-radius: 5px;
                    margin-bottom: 5px;
                    min-height: 50px;
                    width: auto;
                    max-width: 100%;
                    display: block;
                }
                .img{
                    width: 100%;
                    height: auto;
                    display: block;
                    position: relative;
                }
                .text{
                    background-color: #f9f9f9;
	                border-radius: 5px;
                    padding: 10px 10px 20px 10px;
                    margin-bottom: 20px;
                    p{
                        color: #313131;
                        // line-height: 26px;
                        padding: 0;
                        width: 100%;
                        overflow: hidden;
                    }
                    .btname{
                        display: flex;
                        height: 40px;
                        line-height: 40px;
                        align-items: center;
                        overflow: hidden;
                        .name{
                            display: block;
                            font-size: 18px;
                            font-weight: bold;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            overflow: hidden;
                        }
                        .lab_box{
                            flex: 1;
                            overflow: hidden;
                            padding-left: 5px;
                            span{
                                margin-left: 6px;
                                height: 20px;
                                line-height: 20px;
                                font-size: 12px;
                                padding: 0 5px;
                                display: inline-block;
                                vertical-align: middle;
                                background: $theme;
                                color: #fff;
                                border-radius: 5px;
                                margin-top: -2px;

                            }
                        }
                    }
                    .subtitle{
                        height: 30px;
                        line-height: 30px;
                        overflow: hidden;
                        font-size: 16px;
                    }
                    .switchlab{
                        height: 33px;
                        margin: 5px 0;
                        line-height: 33px;
                        display: block;
                        overflow: hidden;
                        .tab{
                            float: left;
                            font-size: 16px;
                            margin-right: 30px;
                            display: block;
                            position: relative;
                            cursor: pointer;
                            &::after{
                                content: '';
                                display: none;
                                left: 0;
                                position: absolute;
                                bottom: 0;
                                height: 3px;
                                width: 100%;
                                background: $theme;

                            }
                        }
                        .on{
                            color: $theme;
                            font-weight: bold;
                            &::after{
                                display: block;
                            }
                        }
                    }
                    .us_name{
                        display: flex;
                        height: 52px;
                        line-height: 52px;
                        padding: 10px 0;
                        overflow: hidden;
                        img{
                            width: 52px;
                            height: 52px;
                            display: block;
                            border-radius: 50%;
                        }
                        p{
                            flex: 1;
                            overflow: hidden;
                            padding-left: 15px;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            font-size: 20px;
                            line-height: 52px;
                            height: 52px;
                        }
                    }
                }
                
            }
        } 
    }
    .paper_one{
        border:1px solid $theme;
        margin-bottom: 5px;
        height: 177px;
        padding: 6px 10px 6px 20px;
        display: flex;
        align-items: center;
        .paper_one-1{
            width: 210px;
            color: #555555;
            .tile{
               display: flex;
               height: 50px;
               line-height: 50px;
               overflow: hidden;
               color: $theme;
               align-items: center;
               .bt{
                   flex: 1;
                   overflow: hidden;
                   font-size: 26px;
                   letter-spacing: 1px;
                   font-style: italic;
                   font-weight: bold;
               }
               .lab{
                   border-radius: 5px;
                   border: solid 1px $theme;
                   height: 24px;
                   line-height: 24px;
                   padding: 0 10px;
                   font-size: 16px;
               }
            }
            .tex-p{
              line-height: 25px;
              word-break: break-all;
               height: 25px;
               font-weight: bold;
               margin: 7px 0 25px 0;
               overflow: hidden;
            }
            p{
               height: 20px;
               line-height: 20px;
               font-size: 12px;
               display: flex;
               u{
                   flex: 1;
                   overflow: hidden;
                   padding-right: 5px;
               }
            }
        }
        .paper_one-2{
            width: 130px;
            margin: 0 30px 0 20px;
            text-align: center;
            line-height: 30px;
            font-size: 12px;
            color: #555;
            .img{
                width: 100px;
                display: block;
                height: 100px;
                margin: 0 auto;

            }
            p{
                padding-top: 5px;
            }
        }
        .paper_one-3{
            border:1px solid $theme;
            width: 155px;
            height: 100%;
            box-sizing: border-box;
            text-align: center;
            border-radius: 10px;
            font-size: 12px;
            line-height: 20px;
            padding: 7px 0;
            p{
                height: 20px;
                overflow: hidden;
                u{
                    color: #ff0000;
                }
                &:nth-child(2){
                    height: 30px;
                line-height: 30px;
                font-size: 18px;
                color: $theme;
                  }
                &:nth-child(5){
                  height: 30px;  
                  line-height: 30px;
                }
            }
            
        }
        .paper_one-4{
            flex: 1;
            overflow: hidden;
            display: flex;
            padding-left: 30px;
            height: 100%;
            .infor{
                flex: 1;
                overflow: hidden;
                padding-right: 20px;
                .bt{
                    display: block;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    height: 40px;
                    line-height: 40px;
                    font-size: 20px;
                    font-weight: bold;
                    padding-bottom: 5px;
                }
                .tex{
                    color: #010101;
                    line-height: 25px;
                    @include multi-line-ellipsis(5,25px);
                    color: #010101;
                }

            }
            .img{
                display: block;
                width: 100px;
                background: none;
                img{
                    position: absolute;
                    height: auto;
                    transform: translate(0,-50%);
                    top: 50%;
                }
            }
        }
        .paper_one-5{
            padding-top:5px;
            color: #1b1b1b;
            line-height: 24px;
            height: 160px;
            margin-bottom: 9px;
            overflow: hidden;
            display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-break: break-all;     
            .img{
                float: left;
                width: 160px;
                height: 100px;
                display: block;
                margin: 0 10px 0 0;
                border-radius: 5px;
                overflow: hidden;
            }
            .bt{
                float: left;
                width: 380px;
                display: flex;
                height: 36px;
                line-height: 36px;
                margin-bottom: 5px;
                .lab{
                    width: 36px;
                    height: 28px;
                    border-radius: 5px;
                    background-color: #D9001B;
                    line-height: 14px;
                    padding: 4px 0;
                    text-align: center;
                    color: #fff;
                    font-size: 14px;
                    font-weight: bold;
                }
                a{
                    flex: 1;
                    overflow: hidden;
                    padding-left: 10px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    font-size: 16px;
                    font-weight: bold;
                }

            }
        }
        &.them_{
            background: none;
            border:none;
            padding: 0;
            display: block;
            height: auto;
            margin-bottom: 17px;
        }
        .paper_one-box{
            border:1px solid $theme;
            display: flex;
            align-items: center;
            width: 563px;
            border-radius: 5px;
            padding: 6px 10px 6px 10px;
            .paper_one-1{
                padding-left: 10px;
            }
            .paper_one-3{
                border:none;
                background: #f2f8ff;
                p{
                    &:nth-child(3){
                        font-weight: bold;
                    }
                }
            }
        }
     
    }
    .paper_two{
        border:1px solid $theme;
        padding-left: 20px;
        .img_text{
            line-height: 26px;
            text-align: justify;
            display: block;
            p{
                padding-bottom: 10px;
            }
            
        }
        img{
            border-radius: 10px;
        }
        .paper_two-1{
          width: 845px;
          .item1{
            padding-top: 10px;
            padding-bottom: 10px;
            .h2{
                height: 40px;
                line-height: 40px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                padding-bottom: 10px;
                display: block;
                font-size: 26px;
                font-weight: bold;
            }
            .img_text{
                .img{
                    float: right;
                    max-width: 620px;
                    display: block;
                    margin: 5px 0 0 10px;
                    min-height: 200px;
                    min-width: 300px;
                }
            }
          
          }
        }
        .paper_two-2{
            width: 290px;
            padding-right: 15px;
            position: relative;
            .item1{
              padding-top: 10px;
              padding-bottom: 5px;
              .h2{
                font-style: italic;
                  font-size: 18px;
                  @include multi-line-ellipsis(2,24px);
                  height: 48px;
                  margin-bottom: 5px;
                  font-weight: bold;
                 
              }
            
            }
            .item2{
                padding-top: 5px;
                display: flex;
                .img_text{
                   flex: 1;
                   padding-right: 5px;
                }
                .h2{
                    text-align: center;
                    float: right;
                    width: 33px;
                    font-size: 26px;
                    height: auto;
                    word-wrap: break-word;
                    writing-mode: vertical-rl;
                    font-weight: bold;
                }
            }
        }
        .paper_two-3{
            padding-right: 20px;
            .line_{
                margin: 20px 0;
            }
             .item1{
                width: 47%;
                position: relative;
                .h2{
                    font-size: 18px;
                    height: 30px;
                    line-height: 30px;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    display: block;
                    font-weight: bold;
                    padding-bottom: 10px;
                }
                .img_text{
                    .img{
                        float: right;
                        max-width: 266px;
                        margin: 5px 0 0 10px;
                        min-height: 20px;
                        min-width: 10px;
                    }
                }
                img{
                    border-radius: 5px;
                }
                &.fr{
                    .img_text{
                        .img{
                            float: left;
                            max-width: 266px;
                            margin: 5px 10px 0 0px;
                        }
                    }
                }

             }
        }
        .paper_two-4{
            padding: 10px 20px 10px 0;
            .text_p{
                padding: 10px 0;
                line-height: 30px;
                color: #555555;
                font-size: 12px;
                display: flex;
                p{
                    // flex: 1;
                    padding-right: 10px;
                }
                a{
                    color: #555555; 
                    &:hover{
                        color: $theme;
                    }
                }
            }
        }
       
    }
    .paper_three{
        display: flex;
        margin-bottom: 30px;
        .paper_title{
            height: 50px;
            line-height: 50px;
            display: flex;
            overflow: hidden;
            .lab{
                text-align: center;
                height: 50px;
                display: flex;
                line-height: 20px;
                color: #fff;
                justify-content: center;
                align-items: center;
                width: 63px;
                background: $theme;
                font-size: 16px;
                border-radius: 5px;
                overflow: hidden;
                u{
                    display: block;
                    font-weight: bold;
                }
                &.bg1{
                    background: #E67C00;
                }
                &.bg2{
                    background: #027DB4;
                }
                
                
            }
            a{
                display: block;
                flex: 1;
                padding-left: 10px;
                white-space: nowrap;
                text-overflow: ellipsis;
                font-size: 20px;
                font-weight: bold;
                overflow: hidden;

            }

        }
        .paperbtbox{
            margin-bottom: 20px;
            .paperbt{
                padding-top: 20px;
            }
        }
        .newstext{
            color: #444444;
            line-height: 29px;
            text-align: justify;
            word-break: break-all;
            p{
             padding-bottom: 2px;
            }
        }
        .paper_three-1{
            flex: 1;
            overflow: hidden;
            padding-right: 30px;
          
            .threetwo{
                padding-bottom: 30px;
                .link_a{
                    display: flex;
                    padding-top: 15px;
                    .img{
                        width: 537px;
                        height: 299px;
                        display: block;
                        border-radius: 5px;
                        overflow: hidden;
                    }
                    .newstext{
                        flex: 1;
                        height: 290px;
                        padding-left: 10px;
                        overflow: hidden;
                        @include multi-line-ellipsis(10,29px);
                    }

                }
            }
            .threethree{
                display: flex;
                padding-bottom: 30px;
                .lis{
                    flex: 1;
                    overflow: hidden;
                    padding-right: 15px;
                    .newstext{
                        margin: 6px 0;
                        @include multi-line-ellipsis(4,29px);
                    }
                    .img{
                        width: 100%;
                        height: 138px;
                        display: block;
                        border-radius: 5px;
                        overflow: hidden;
                    }
                }
                .lisul{
                    width: 300px;
                    li{
                        margin-bottom: 30px;
                        &:last-child{
                            margin-bottom: 0;
                        }
                    }
                    .img{
                        width: 257px;
                        margin-left:43px;
                        display: block;
                        margin-top: 10px;
                        border-radius: 5px;
                        height: 85px;
                        overflow: hidden;

                    }
                }
            }
            .threefour{
               .newstext{
                padding-top: 10px;
                   .img{
                    float: right;
                     width: 250px;
                     display: block;
                     overflow: hidden;
                     margin: 0 0 0 10px;
                     border-radius: 5px;
                   }
               }
            }
        }
        .paper_three-2{
            width: 320px;
            li{
                padding: 15px 13px;
                background-color: #f9f9f9;
	            border-radius: 5px;
                margin-bottom: 30px;
                &:last-child{
                    margin-bottom: 0;
                }
                .newstext{
                    line-height: 28px;
                    color: #414141;
                    padding-top: 10px;
                }
            }
        }
    }
    .paperbtbox{
        background-color: #f9f9f9;
        border-radius: 5px;
        display: flex;
        margin-bottom: 40px;
        .imgrit{
            flex: 1;
            margin: 10px 20px 0 40px;
            height: 169px;
            display: block;
            overflow: hidden;
        }
        .list{
            flex: 1;
            padding: 15px 10px 20px 0;
            display: flex;
            overflow: hidden;
            .img{
                width: 279px;
                height: 161px;
                display: block;
                border-radius: 5px;
                overflow: hidden;

            }
            .text{
                flex: 1;
                overflow: hidden;
                padding-left: 15px;
                line-height: 28px;
                color: #414141;
                text-align: justify;
                p{
                    margin-top: -3px;
                    @include multi-line-ellipsis(5,28px);

                }
                a{
                    color: $theme;
                    &:hover{
                        text-decoration: underline;
                    }
                }
            }

        }
        .list2{
            flex: 1;
            overflow: hidden;
            padding-left: 80px;
            padding-right: 15px;
            .bt{
                height: 56px;
                line-height: 56px;
                display: flex;
                overflow: hidden;
                color: #010101;
                font-size: 18px;
                font-weight: bold;
                span{
                    flex: 1;
                    overflow: hidden;
                    padding-left: 10px;
                    font-weight: normal;
                    color: #444444;
                    font-size: 14px;
                }
            }
            .infor{
                display: flex;
                 overflow: hidden;
                 .img{
                    width: 122px;
                    height: 105px;
                    display: block;
                    overflow: hidden;
                    border-radius: 10px;

                 }
                 .text{
                    flex: 1;
                    overflow: hidden;
                    padding-left: 20px;
                    color: #444444;
                    margin-top: -5px;
                    @include multi-line-ellipsis(4,28px);
                 }

            }
            
        }
        .list3{
            flex: 1;
            overflow: hidden;
            padding: 15px 20px 0 60px;
            li{
             display: flex;
             overflow: hidden;
             padding-top: 15px;
             &:last-child{
                 .text{
                     border: none;
                 }
             }
             .img{
                 width: 43px;
                 height: 60px;
                 display: block;
                 overflow: hidden;
                 border-radius: 4px;
                 margin-right: 55px;
             }
             .text{
                 color: #565656;
                 font-size: 16px;
                 height: 60px;
                 line-height: 60px;
                 flex: 1;
                 overflow: hidden;
                 border-bottom: solid 1px #e7e7e7;
                 white-space: nowrap;
                 text-overflow: ellipsis;
                 &:hover{
                     color: $theme;
                 }

             }
            }
         }
    }
    .paper_four{
        .four-banner{
            position: relative;
            display: block;
            min-height: 230px;
            margin-bottom: 20px;
            border-radius: 10px;
            overflow: hidden;
            .img{
                width: 100%;
                height: auto;
                img{
                    border-radius: 10px;
                }
            }
            .text{
                position: absolute;
                left: 0;
                width: 100%;
                background: rgba(0, 0, 0, 0.5);
                font-size: 38px;
                color: #fff;
                font-weight: bold;
                text-align: center;
                top: 50%;
                line-height: 70px;
                padding: 70px 0;
                transform: translate(0,-50%);
                &:hover{
                    text-decoration: underline;
                }

            }
        }
    }
   

}

.paper_nav{
    display: none;
    position: fixed;
    left: 50%;
    margin-left:620px;
    top: 50%;
    transform: translate(0 , -50%);
    li{
        height: 38px;
        width: 38px;
        border:1px solid #cfcfcf;
        border-radius: 5px;
        text-align: center;
        cursor: pointer;
        line-height: 20px;
        font-size: 16px;
        text-align: center;
        color: #000000;
        padding:5px;
        margin: 15px 0;
        a{
            max-height: 100%;
            overflow: hidden;
            display: block;
        }
        &.current,&:hover{
            background: $themeopacity;
            color: $theme;
            border-color: $theme;
            a{
                color: $theme;
            }
        }
    }
}
.Isrwarp{
    background: #FFF;
    position: relative;
    overflow: hidden;
 .warpbjfff { padding: 0; }
 .warpbjfff .common .ContL { width: 760px; }
  .Ritem2 .list .lis {
    box-sizing: border-box;
    overflow: hidden;
    max-width: 93%;
    word-break: break-all;

  }
}
/* 返回顶部*/
.scrollTop{
    position: fixed;
    z-index: 100;
    height:55px;width:55px;
    background-position: -474px -106px;
    cursor: pointer;
    bottom: 10%;
    left: 50%;
    margin-left: 610px;
    display: none;
    &:hover{
        background-position: -405px -107px;
    }

}
/* layermsg */
.layermsg{
    border-radius: 5px !important;
    .layui-layer-content{
        padding: 12px 20px !important;
        &::before{
            content: '';
            background: url("../images/icoimg.png") no-repeat center;
            height:28px;width:27px;background-position: -437px -61px;
            display: inline-block;
            vertical-align: middle;
            margin: -2px 5px 0 0 ;
        }
    }
}
/* 我的粉丝*/
.fansbox{
    .list{ 
        padding: 10px 10px 10px 20px;
        .bt{
            height: 30px;
            line-height: 30px;
            span{
                display: inline-block;
                vertical-align: middle;
                font-size: 16px;
                border-bottom: 2px solid $theme;
            }
        }
        ul{
            li{
                display: flex;
                padding: 15px 0;
                height: 50px;
                align-items: center;
                .name{
                    float: left;
                    flex: 1;
                    overflow: hidden;
                    display: flex;
                    align-items: center;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    margin-right: 200px;
                    img{
                        width: 50px;
                        height: 50px;
                        display: block;
                        object-fit: cover;
                        overflow: hidden;
                        border-radius: 50%;
                    }
                    p{
                        flex: 1;
                        overflow: hidden;
                        padding-left: 10px;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                }
                .btn{
                    width: 100px;
                    height: 40px;
                    line-height: 40px;
                    overflow: hidden;
                    border-radius: 5px;
                    float: right;
                    display: block;
                    text-align: center;
                    background: $theme;
                    color: #fff;
                    cursor: pointer;
                }
                .on{
                    color: rgba(0, 0, 0, 0.8);
                    background: rgba(0, 0, 0, 0.1);
                }
            }
        }
    }
    .add_morelink{
        border-radius:20px;
    }

}
/* 我的消息*/
.usernews{
    .list{ 
        padding: 10px 10px 10px 20px;
        ul{
            li{
                display: flex;
                padding: 15px 0;
                .img{
                    width: 50px;
                    height: 50px;
                    display: block;
                    overflow: hidden;
                    border-radius: 50%;
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: $theme;
                    span{
                        color: #fff;
                        letter-spacing: 1px;

                    }
                }
                .infor{
                    flex: 1;
                    overflow: hidden;
                    padding: 0 20px;
                    .name{
                        height: 20px;
                        overflow: hidden;
                        white-space: 100%;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        font-size: 15px;
                        font-weight: bold;
                        padding-bottom: 10px;
                    }
                    p{
                        line-height: 24px;
                        overflow: hidden;
                        opacity: 0.87;

                    }
                }
                .rit{
                    text-align: center;
                    .time{
                        opacity: 0.7;
                        line-height: 20px;
                    }
                }
                .btn{
                    width: 58px;
                    height: 28px;
                    line-height: 28px;
                    overflow: hidden;
                    border-radius: 20px;
                    display: block;
                    color: $theme;
                    cursor: pointer;
                    margin: 0 auto;
                    border:1px solid $theme;
                    margin-bottom: 10px;
                }
                .on{
                    color: #7f7e7e;
                    background: rgba(0, 0, 0, 0.05);
                    border-color: rgba(0, 0, 0, 0.05);
                }
            }
        }
    }
    .pages .pagewrap{
        padding-top: 0px;
    }
}
/*事件脉络*/
.eventstepbt{
    .h1{
        font-size: 18px;
        overflow: hidden;
        line-height: 30px;
        font-weight: bold;
        padding-bottom: 10px;
    }
    .p{
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        display: flex;
        .btn{
            width: 65px;
            height: 27px;
            line-height: 27px;
            display: block;
            cursor: pointer;
            color: #fff;
            background: $theme;
            border-radius: 5px;
            text-align: center;
        }
        .on{
            background: #dadada;
            color: #444;
        }
        span{
            flex: 1;
            overflow: hidden;
            padding-left: 5px;
        }

    }
    .btn-lab{
        padding: 5px 0;
        overflow: hidden;
        .btn{
            display: block;
            float: left;
            padding: 0 15px;
            height: 40px;
            line-height: 40px;
            overflow: hidden;
            font-size: 14px;
            background-color: #f5f4f4;
            border-radius: 5px;
            margin: 5px 15px 5px 0;
            &:hover{
                background: $themeopacity;
            }
        }
        .on{
            background: $theme;
            color: #fff;
            &:hover{
                background: $theme;
                color: #fff;
            }
        }
    }
    &+.eventstep{
        background: #fff ;
        padding: 0;
    }
}
.eventstep{
    background: #f8f8f8;
	border-radius: 5px;
    padding: 10px 20px;
    margin-top: 10px;
    &.bjfff{
        background: #fff;
    }
    .timeswitch{
        font-size: 12px;
        color: #007bff;
        cursor: pointer;
        i{
            height:23px;width:21px;background-position: -514px -64px;
            display: inline-block;
            vertical-align: middle;
            margin: -2px 5px 0 0;
        }
    }
    .bt_{
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        font-size: 18px;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;

    }
    ul{
        margin: 10px 0;
        border-left: 1px solid #ddd;
        li{
            position: relative;
            padding: 5px 15px;
            line-height: 25px;
            &:first-child{
                &::before{
                    background:$theme;
                }
            }
            &::before{
                width: 5px;
                height: 5px;
                border-radius: 50%;
                display: block;
                position: absolute;
                left: -3px;
                top: 50%;
                margin-top: -2px;
                background: rgba(0,0,0,0.5);
                content: '';
            }
            .time{
                opacity: 0.7;
                font-size: 13px;
            }
            span{
                height: 15px;
                border-radius: 3px;
                border: solid 1px #f59a23;
                padding: 0 5px;
                font-size: 12px;
                line-height: 15px;
                color: #f59a23;
                margin: -2px 2px 0 5px;
                display: inline-block;
                vertical-align: middle;
            }
            .new{
                border-color:#ff0000;
                color: #ff0000;
               
            }
            .star{
                color: #70b603;
                border-color:#70b603;
            }
            

        }
    }
    .more{
        text-align: center;
        line-height: 30px;
        a{
            color: $theme;
        }
    }

}
.eventlist{
    .list{
        ul{
            li{
                float: left;
                width: 180px;
                height: 100px;
                position: relative;
                padding: 10px 13px 10px 0;
                &:nth-child(4n){
                    padding-right: 0px;
                }
                .img{
                    border-radius: 5px;
                    overflow: hidden;
                    width: 100%;
                    height: 100%;
                    display: block;
                    position: relative;
                    img{
                        width: 100%;
                        height: 100%;
                    }
                    &:hover{
                        img{
                            transform: scale(1.1);
                        }
                        p{
                            text-decoration: underline;

                        }
                    }
                }
                .motai{
                    position: absolute;
                    padding: 10px;
                    display: flex;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    background: rgba(0, 0, 0, 0.5);
                    color: #fff;
                    box-sizing: border-box;
                    justify-content: center;
                    align-items: center;
                    line-height: 25px;
                    text-align: center;
                    p{
                        font-size: 16px;
                    }
                }
                .num{
                    position: absolute;
                    right: 0;
                    top: 0;
                    color: #fff;
                    font-size: 12px;
                    height: 20px;
                    line-height: 20px;
                    border-radius:0 5px 0 5px;
                    background: $theme;
                    padding: 0 5px;
                }
                .num1{background: #d9001b;}
                .num2{background: #25b336;}
            }
        }
    }
}
/*脉络主持人弹出*/
.layer_eventhost{
    display: none;
   .eventhost{
    display: flex;
    padding: 12px 10px 12px 15px;
    width: 350px;
    
    .img{
        width: 60px;
        height: 60px;
        border-radius: 50%;
        overflow: hidden;
        display: block;
    }
    .infor{
        flex: 1;
        overflow: hidden;
        padding-left: 15px;
        .name{
            color: $theme;
            height: 20px;
            line-height: 20px;
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 16px;
            padding-bottom: 5px;
            display: block;
        }
        p{
            @include multi-line-ellipsis(2,24px);
            overflow: hidden;

        }
        .lab{
            padding: 5px 0;
            .btn{
                border:1px solid $theme;
                color: $theme;
                padding: 0 10px;
                height: 28px;
                line-height: 28px;
                border-radius: 5px;
                display: inline-block;
                vertical-align: middle;
                margin: 5px 5px 5px 0;
                font-size: 12px;

            }
        }
        .play{
            padding-top: 10px;
            display: inline-block;
            cursor: pointer;
            i{
                height:34px;width:22px;background-position: -365px -175px;
                display: inline-block;
                vertical-align: middle;
                margin: -2px 5px 0 0;
            }
        }

    }
   }
}
.layereventwarp{
    border-radius: 10px !important;
    border:1px solid rgba(0, 0, 0, 0.1);
}
.layer_eventplay{
    text-align: center;
    padding: 20px 30px;
    font-size: 16px;
    width: 250px;
    border-radius: 5px;
    line-height: 30px;
    display: none;
    .img{
        width: 100px;
        height: 100px;
        display: block;
        margin: 15px auto;
        img{
            width: 100%;
            height: 100%;
            display: block;
        }
    }
}
/*我的文章和关注*/
.mynews-follow{
    padding: 0 10px 10px 20px;
    .list{
        ul{
            li{
                padding: 10px 0;
                border-bottom: 1px solid rgba(0, 0, 0, 0.05);
                &:last-child{
                    border-bottom: none;
                }
                .bt_{
                    height: 40px;
                    padding-bottom: 5px;
                    padding-top: 10px;
                    .user_{
                        float: left;
                        display: flex;
                        max-width: 80%;
                        overflow: hidden;
                        img{
                            width: 40px;
                            height: 40px;
                            display: block;
                            border-radius: 50%;
                        }
                        .infor{
                            flex: 1;
                            overflow: hidden;
                            padding-left: 10px;
                            .name{
                                height: 20px;
                                line-height: 20px;
                                display: block;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                                padding-bottom: 2px;
                            }
                            .time{
                                color: #aeaeae;
                                font-size: 14px;
                            }
                        }
                    }
                    .layui-nav{
                        float: right;
                        height: 20px;
                        padding: 0;
                        background: none;
                        margin-top: 10px;
                        &:hover{
                            .ico{background-position: -393px 0;}
                        }
                        .ico{
                            cursor: pointer;
                            height:19px;width:12px;
                            background-position: -416px 0;
                            display: block;
                        }
                        .layui-nav-child{
                            left: initial;
                            right: 0px;
                            top: 30px;
                            text-align: center;
                            .on{
                                background: #e5f2ff;
                                color: $theme;
                            }
                        }
                    }
                }
                .item1{
                    display: flex;
                    align-items: center;
                    overflow: hidden;
                    padding: 10px 0;
                    .img{
                        width: 90px;
                        height: 128px;
                        display: block;
                        border-radius: 5px;
                        overflow: hidden;
                    }
                    .infor{
                        flex: 1;
                        overflow: hidden;
                        padding-left: 15px;
                        .name{
                            height: 40px;
                            line-height: 40px;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            font-size: 18px;

                        }
                        p{
                            color: #222;
                            opacity: 0.8;
                            line-height: 30px;
                            padding-top: 5px;

                        }

                    }
                }
                .item2{
                    width: 420px;
                    height: 210px;
                    display: block;
                    overflow: hidden;
                    padding: 10px 0;
                    .img{
                        width: 100%;
                        height: 100%;
                        display: block;
                        overflow: hidden;
                        border-radius: 5px;
                        .motai{
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            display: flex;
                            overflow: hidden;
                            align-items: center;
                            justify-content:center;
                            color: #fff;
                            background: rgba(0, 0, 0, 0.5);
                            font-size: 20px;
                            line-height: 40px;
                            text-align: center;
                            box-sizing: border-box;
                            padding: 10px;
                            p{
                                font-size: 22px;
                            }
                        }

                    }
                }
                .item3{
                    display: flex;
                    padding: 10px 0;
                    overflow: hidden;
                    align-items: center;
                    .img{
                        width: 107px;
                        height: 65px;
                        display: block;
                        overflow: hidden;
                        border-radius: 5px;
                        .num{
                            position: absolute;
                            right: 0;
                            top: 0;
                            color: #fff;
                            font-size: 12px;
                            height: 18px;
                            line-height: 18px;
                            border-radius:0 5px 0 5px;
                            background: $theme;
                            padding: 0 5px;
                        }
                        .num1{background: #70b603;}
                        .num2{background: #d9001b;}
                    }
                    .infor{
                        flex: 1;
                        overflow: hidden;
                        padding-left: 15px;
                        .name{
                            font-size: 16px;
                            @include multi-line-ellipsis(2,24px);
                        }
                    }
                }
                .text{
                    color: rgba(0, 0, 0, 0.8);
                    line-height: 30px;
                    height: 30px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

            }
        }
    }
    .add_morelink{
        border-radius: 20px;
    }
}

@media screen and (max-width: 1600px) and ( min-width: 1373px) {
    // .sharebox .share{
    //     right:inherit;
    //     left: -147px;
    //     &::before{
    //         border-right:none;
    //         border-left: 10px solid #fff;
    //         right:0;
    //     }
    //     .social-share{
    //         margin-right: 10px;
    //         margin-left: 0;
    //     }
    // }
}
@media screen and (max-width: 1373px) {
   
    .sharebox{
        position: relative;
        left: 0;
        top: 0;
        margin: 0;
        width: 1200px;
        margin: 0 auto;
        transform: translate(0, 0);
        padding: 10px 0;
        ul{
            &:before, &:after { content: ''; display: block; clear: both; }
            li{
                float: left;
                margin-right: 10px;
            }
        }
       
    }
}
